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.

Das dynamische Karteireiter-Navigationsmenü

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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.