Navigation mit Auflistung Frage

[DhabiExpress]

Guten Abend liebe Community,

Ich hätte da mal eine Frage unzwar:

Ich arbeite grad an meiner Navigationsbar und würde gerne wissen wie man so eine Navigation(http://www.olivergast.de) in CSS schreiben würde.

In HTML hätte ich die eventuell so:

Spoiler: Navigation

<nav class="nav">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">Artikel1</a></li>
<ul class="auflistung1</a></li>
<li><a href="#">bsp1</a></li>
<li><a href="#">bsp2</a></li>
</ul>
</ul>
</nav

 

[thecain]

Schau dir den Code an auf der Seite...

und dein HTML is schon invalide... du schliesst tags die du nie geöffnet hast...

 

[Infomercial]

hallo,

willst du die navigation mit oder ohne dropdown menü erstellen?
hier der ansatz für die variante mit ohne drop down (bestimmt auch hilfreich, wenn du drop down verwenden willst):
- die liste war schonmal richtig (ich würde sie jedoch mit der klasse nav versehen)
- in css: ul{ list-style: none; hintergrund der gesamten liste festlegen...}
- und für ul.nav li {*margin&padding, hintergrundfarbe, ect festlegen*}
- für ul.nav li:hover musst du die hintergrundfarbe ändern. jetzt wird jeder navigationpunkt gehighlighted.

danach könntest du noch die klasse "active" einführen, wodurch der punkt, an dem sich der nutzer befindet, auch nochmal hervorgehoben wird.

wenn du noch fragen hast, schreib mir mal.
lg