Webdesign 101
Kildekode til Webdesign – illustreret håndbog (2. udg.)

• Forsiden
• » Webdesign – illustreret håndbog
• » Kildekode

Eksempel 16-5: Universal stylesheet for menupanel

Det ser du på skærmen:

HTML kildekoden:

<ul class="sjette"> <li><a href="javascript:void(null)">Introduktion</a></li> <li><a href="javascript:void(null)">Indre planeter</a></li> <li><a href="javascript:void(null)">Asteroiderne</a></li> <li><a href="javascript:void(null)">Ydre planeter</a></li> <li><a href="javascript:void(null)">Kometskyen</a></li> </ul>

Stylesheet kildekoden:

ul.sjette { list-style:none; border-width:0 1px 1px 1px; border-style: solid; border-color: #225577; background:#ffffff; width:14em; margin: 5px 10px 10px 20px; padding:0; } ul.sjette li { display:inline; } ul.sjette li a { color:#1a0080; background-color:#ffffff; display:block; text-decoration:none; margin:0; padding:3px 5px; border-top:1px solid #225577; } * html ul.sjette a {width:100%;} ul.sjette li a:active { color:#c00; background-color:#eeeeee; } ul.sjette li a:hover { color:#ffffff; background-color:#1a0080; }