Dreamweaver vraag
Ik heb een verticaal menu gemaakt in dreamweaver alleen moet hij horizontaal zijn, weet iemand welke code hiervoor nodig is?
736
736 keer bekeken
Geef jouw antwoord
Het beste antwoord
Het is veel simpeler dan Bernd123¿ zegt; je moet in het #mainmenu li { display: Inline; } gebruiken niet meer of minder! Groetjes en fijne programmeer avond!
Verwijderde gebruiker
14 jaar geleden
Andere antwoorden (2)
Er zijn veel manieren voor. Ik moet eigenlijk even weten of je een table gebruik of een div? Ga eens met je align spelen.. Of je width/height! Tip: www.websitemaken.be
Verwijderde gebruiker
14 jaar geleden
Ik zal u een stuk van mijn code geven, dit is wel HTML+CSS(CSS3) en niet alle functie werken in IE.
index.html code:
style.css code:
ul.nav-header {list-style:none;margin:0px;float:right;****
ul.nav-header li {float:left;*****
Uitleg:
ul.nav-header is class:nav-header. Float:right houdt in dat dit menu rechts plaats zou nemen.
ul.nav-header li heeft effect op float:left houdt in dat de eerste links geplaats wordt en de 2de rechts.
voorbeeld:
Home Portfolio zal ook zo tevoorschijn komen.
nav-header is een eigen verzonnen naam, dit doe ik om zo classes of id's te geven. Hiermee maak ik een soort overzicht voor mezelf. Kan bij u ook bijvoorbeeld ul.menuhorizontal { kunnen zijn. Vergeet dat niet class:"menuhorizontal" te gebruiken. alsje een ID wilt gebruiken(let op een ID kan maar 1x gebruikt worden. Is een unique ID netzoals dat uw ID nummer unique is. gebruik dan # inplaats van . (voorbeeld: ul #nav-header)
index.html code:
style.css code:
ul.nav-header {list-style:none;margin:0px;float:right;****
ul.nav-header li {float:left;*****
Uitleg:
ul.nav-header is class:nav-header. Float:right houdt in dat dit menu rechts plaats zou nemen.
ul.nav-header li heeft effect op
voorbeeld:
nav-header is een eigen verzonnen naam, dit doe ik om zo classes of id's te geven. Hiermee maak ik een soort overzicht voor mezelf. Kan bij u ook bijvoorbeeld ul.menuhorizontal { kunnen zijn. Vergeet dat niet class:"menuhorizontal" te gebruiken. alsje een ID wilt gebruiken(let op een ID kan maar 1x gebruikt worden. Is een unique ID netzoals dat uw ID nummer unique is. gebruik dan # inplaats van . (voorbeeld: ul #nav-header)
Verwijderde gebruiker
14 jaar geleden
Deel jouw antwoord