6.16 Dynamische visuelle Menüs
Problem
Es soll ein Karteireiter-Navigationsmenü mit abgerundeten Ecken erstellt werden, das auch bei Änderungen der Textgröße noch korrekt dargestellt wird. Die Standarddarstellung sehen Sie in Abbildung 6-26.
Abbildung 6-26. Das dynamische Karteireiter-Navigationsmenü
Lösung
Zu Beginn erstellen Sie den nötigen Markup-Code für das Navigationsmenü:
<div id="header"> <h2>Persönliche Site dot-com</h2> <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> <li><a href="/writing/">Schreiben</a></li> <li id="current"><a href="/speaking/">Sprechen</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.
