6.9 Horizontale Navigationsmenüs

Problem

Aus einer ungeordneten Linkliste soll ein horizontales «Karteireiter»-Navigationsmenü erzeugt werden. In Abbildung 6-7 sehen Sie die Standarddarstellung, in Abbildung 6-8 das fertige Menü.

Die Standarddarstellung der Links

Abbildung 6-7. Die Standarddarstellung der Links

Ein horizontales «Karteireiter»-Menü

Abbildung 6-8. Ein horizontales «Karteireiter»-Menü

Lösung

Zu Beginn brauchen Sie eine korrekt angelegte ungeordnete Liste mit Links:

<div id="navsite"> <h5>Navigationsmenü:</h5> <ul> <li><a href="/">Startseite</a></li> <li><a href="/about/">über uns</a></li> <li><a href="/archives/">Archive</a></li> ...

Get CSS Kochbuch now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.