W
Wullschi
Hallo
Ich möchte gerne eine Liste als Navigation verwenden. Die Liste erstreckt sich aber nicht über die ganze Zelle. Weiss vieleicht jemand wie ich das hinbekomme? hier klicken
Ich habe diesen html-code verwendet:
zur gestaltung habe ich diesen CSS-Code verwendet:
mfg Wullschi
Ich möchte gerne eine Liste als Navigation verwenden. Die Liste erstreckt sich aber nicht über die ganze Zelle. Weiss vieleicht jemand wie ich das hinbekomme? hier klicken
Ich habe diesen html-code verwendet:
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current"><font class="text5" id ="text5">Aquarell-Art</font></a></li>
<li><a href="#"><font class="text5" id ="text5">News</font></a></li>
<li><a href="#"><font class="text5" id ="text5">Bilder</font></a></li>
<li><a href="#"><font class="text5" id ="text5">Grusskarten</font></a></li>
<li><a href="#"><font class="text5" id ="text5">Die Künstlerin</font></a></li>
<li><a href="#"><font class="text5" id ="text5">Kontak</font></a></li>
<li><a href="#"><font class="text5" id ="text5">Impressum</font></a></li>
<li><a href="#"><font class="text5" id ="text5">Partner</font></a></li>
</ul>
</div>
zur gestaltung habe ich diesen CSS-Code verwendet:
#navcontainer { /* none needed */ }
ul#navlist
{
margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap
}
ul#navlist li
{
float: left;
font-family: verdana, arial, sans-serif;
font-size: 9px;
font-weight: bold;
margin: 0;
padding: 5px 0 4px 0;
background-color:#FAC4C2;
border-top: 1px solid #FBB1B0;
border-bottom: 1px solid #FBB1B0;
}
#navlist a, #navlist a:link
{
margin: 0;
padding: 5px 9px 4px 9px;
color: #000000;
border-right: 1px dashed #FBB1B0;
text-decoration: none;
}
ul#navlist li#active
{
color: #000000;
background-color: #FC4A46;
}
#navlist a:hover
{
color: #000000;
background-color: #FC4A46;
}
mfg Wullschi
Zuletzt bearbeitet von einem Moderator: