Beispiele aus dem Buch (Abschnitt 2.3: Verständlichkeit, Navigation und Orientierung)
Dies ist ein Beispiel aus dem Buch [i;30-80-000-1], das Ende 2004 im dpunkt.Verlag erschienen ist.
Hervorhebung in der Navigation alleine durch Farbe
Die Hervorhebung in der nachfolgenden Navigationsleiste ist bei benutzerdefinierten Farben nicht wahrnehmbar.
HTML
<ul id=menue">
<li><a href="#">Startseite</a></li>
<li><a href="#">Inhalt 1</a></li>
<li class="aktiv"><a href="#">Inhalt 2</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
CSS
#menue {
padding:0;
margin:0;
list-style:none;
background:#fff;
color:#000;
border:1px solid #fff;
width: 12em;
}
#menue li {
padding:0;
margin:0;
list-style:none;
}
#menue a {
display:block;
padding: 0.2em 0;
text-align:center;
font:1em verdana;
line-height:2em;
color:#000;
background:inherit;
font-weight:bold;
text-decoration:underline;
}
#menue li.aktiv {
background-color:#EAF3FE;
}
Browseransicht
Screenshot
