Oke, ben bezig emt een site aan het maken.
Nu heb ik een menutje gemaakt, maar deze moet naast elkaar komen.
Als ik display:inline doe, laat hij helemaal niks meer zien.
[quote='Douwe schreef op 17.08.2009 13:01']SanThe;
Lists gebruiken voor een menu is juist semantisch correct.
Okee.
Ik had het idee dat een list altijd onder elkaar kwam te staan. Maar blijkbaar is dat niet zo.[/quote]
Met CSS kun je een list prima stylen om horizontaal te staan, zonder van die icoontjes voor elk item.
Een ul met li's is inderdaad correct, maar je moet het goed stylen zodat het zelfs in IE6 werkt.
Ik doe het altijd zo:
/* overflow: hidden; in combinatie met een width, zodat je geen clearer div nodig hebt */
div#nav ul {overflow: hidden; width: 900px; margin: 0; padding: 0; list-style: none;}
/* li's floaten. de display: inline; is voor IE6 */
div#nav ul li {float: left; margin: 0 10px 0 0; display: inline;}
/* het actieve menu-item stylen we met <strong>, zodat het ook in een voorleesbrowser duidelijk is op welke pagina de user is */
div#nav ul li strong {color: #ff0; background: #000 url(../gfx/bg_navitem.jpg); font-weight: normal; cursor: default;}
div#nav ul li strong,
/* display: block; zodat de a's de li's helemaal opvullen */
div#nav ul li a {display: block; padding: 5px 10px; font-size: 12px; text-decoration: none;}
div#nav ul li a:link,
div#nav ul li a:visited {color: white;}
div#nav ul li a:hover,
div#nav ul li a:active {color: #ff0;}
