Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Horizontaal menu in website

7 antwoorden
  • Hoi, Voor een nieuwe website heb ik tot nu toe de onderstaande voor de css: [code:1:167e144494] #container { width: 100%; margin: 0; background-color: #FFF; color: #000000; border: 1px solid #0000FF; line-height: 130%; } #top { padding: 0em; background-color: #FFFFFF; border-bottom: 1px solid #0000FF; } #top h1 { padding: 0; margin: 0; } #leftnav { float: left; width: 275px; margin: 0; padding: 1em; } #rightnav { float: right; width: 230px; margin-right: 3em; padding: 1em; } #content { font-size: 16px; background-color: #FFFFFF; margin-left: 295px; border-left: 1px solid #0000FF; margin-right: 295px; border-right: 1px solid #0000FF; padding: 1em; } #footer { clear: both; margin: 0; padding: .5em; color: #333; background-color: #ddd; border-top: 1px solid gray; } [/code:1:167e144494] Wat ik wil bewerkstelligen is dat er onder de 'top' en gecentreerd een horizontaal uitklap-menu komt. Een dergelijk menu in een 2-koloms layout o.b.v. suckerfish drop-down en vanaf links lukt mij wel, maar in combinatie met deze 3-koloms layout en ook gecentreerd levert mij moeilijkheden op. Wie kan mij helpen om dit voorelkaar te krijgen? M.vr.gr., Dalertje
  • Dat kan ik vast wel. Dus toen maakte je een voorbeeld van een gecentreerd menu zonder alle andere HTML en CSS die nix met het menu te maken had, je bekeek het in meerdere browsers en zag dat het niet werkte. En toen?
  • Hoi, Sorry Boelieboelie, maar ik begrijp je opmerking niet helemaal. Ik probeerde een horizontaal uitklapmenu in mijn 3-koloms layout toe te passen, maar wat ik ook probeerde..ik kreeg het niet voor elkaar. Ik maak gebruik van 'floats' om de kolommen te positioneren. Het sf-drop-down-menu maakt ook gebruik van 'float'. Dit levert denk ik problemen op, want hierdoor komt de positionering van de 3-koloms layout in de war. Is het je duidelijk wat ik bedoel? M.vr.gr. Dalertje
  • Wat Boelieboelie bedoelt is dat een probleem oplossen in dit geval waarschijnlijk het makkelijkst is door het probleem te isoleren en dat resultaat hier te plaatsen. Door alles wat eromheen staat kan er ook van alles mis zijn, dus maak eens een kale pagina zonder inhoud met alleen dát wat je wil bereiken. Samen zullen we dan tot een oplossing komen, maar je zult wel zelf de eerste stappen moeten nemen. - Bas
  • Hoi, Maar natuurlijk moet ik de 1e stap zetten. Mijn code tot nu toe en zonder het horizontaal menu is als volgt: [code:1:9a15ee64e7] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <link href="css/styles.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="top"> <h1>Het logo van de site    <em><font size="4px">Hier moet horizontaal menu komen</font></em></h1> </div> <div id="leftnav"> <p>linkergedeelte</p> </div> <div id="rightnav"> <p>rechtergedeelte</p> </div> <div id="content"> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> <h2>content</h2> </div> <div id="footer"> <p>Footer</p> </div> </div> </body> </html> [/code:1:9a15ee64e7] en de code van de css: [code:1:9a15ee64e7] #container { width: 100%; margin: 0; background-color: #FFF; color: #000000; border: 1px solid #0000FF; line-height: 130%; } #top { padding: 0em; background-color: #FFFFFF; border-bottom: 1px solid #0000FF; } #top h1 { padding: 0; margin: 0; } #leftnav { float: left; width: 275px; margin: 0; padding: 1em; } #rightnav { float: right; width: 230px; margin-right: 3em; padding: 1em; } #content { font-size: 16px; background-color: #FFFFFF; margin-left: 295px; border-left: 1px solid #0000FF; margin-right: 295px; border-right: 1px solid #0000FF; padding: 1em; } #footer { clear: both; margin: 0; padding: .5em; color: #333; background-color: #ddd; border-top: 1px solid gray; } [/code:1:9a15ee64e7] Tot zover ben ik gekomen. Ik heb even aangegeven waar ik dat menu wil hebben, maar als ik daar een 'suckerfish'-horizontaal menu wil maken, raakt de hele tot nu toe gemaakte layout in de war. Hopelijk heb ik het zo duidelijk gemaakt om samen verder te komen. M.vr.gr., Dalertje
  • Nee, eigenlijk bedoelde ik andersom: maak eerst eens een werkend menu dat je centreert op een lege pagina. Als dat lukt, dan ligt het waarschijnlijk niet aan hoe je het menu hebt gebouwd.
  • Oké Boelieboelie, ik heb momenteel niet veel tijd, maar ik ga zeker aan de slag. M.vr.gr., Dalertje

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.