Nederlands
Forums
Home / Thema en CSS/opmaak / nieuw menu systeem in 3.0
(@janvanarkel)
13 jaren, 10 maanden geleden
Hallo, Mijn blog is te vinden op . Het is me met de nodige moeite gelukt een horizontaal menu te maken. Met CSS lukt het ook om een aantal zaken aan te passen. Wat me niet lukt is het menu ‘op zijn plek’ te krijgen, een stukje naar rechts dus. Ik vrees dat mij de nodige CSS ervaring ontbreekt. Kan iemand mij een voorzet geven? Alvast bedankt! Jan
/*** Nav Styles ***/ .main-navigation { margin:auto; position:relative; width:1000px; } .menu { background: transparant; font-family:Arial,Helvetica,sans-serif; height:40px; width:700px; line-height:300px; left:200px; margin:0; padding:0; } .menu li { background: transparant; display:block; float:left; height:40px; margin:0; padding:0 20px; } .menu li.current { background-color:#000; margin-top:-5px; padding-top:5px; } .menu li li.current { margin-top:0; padding-top:0; } .menu .current a, .menu .current ul .current a { color:#F1CC33; } .menu a, .menu .current ul a { color:yellow; font-size:18px; } .menu a, .menu a:link, .menu a:hover, .menu a:visited, .menu a:active { text-decoration:none; } .menu .sub-menu { background-color:#000; display:none; left:0; padding:0; top:30px; width:100%; } .menu .current .sub-menu { display:block; position:absolute; }
(@rubenw)
Hiervoor kan je het beste naar de nodige voorbeelden kijken die er reeds worden gegeven. Een goede basis en uitleg over verticale of horizontale menu´s met behulp van een unnumbered list kan je op de volgende pagina bekijken:
http://css.maxdesign.com.au/listamatic/
Ga ik doen, dank je wil.