Hallo!
Ich versuche mich gerade an einem CSS Menü, das bei hover die Farbe wechselt:
#nav ul {
list-style-type:none;
margin:0;
padding:0;
background-color:#C5C5C5;
width:170px;
border:1px solid;
}
#nav li {
border: solid 2px #C5C5C5;;
padding:5px 5px 5px 10px;
height:10
}
#nav a {
display:block;
padding:5px 5px 5px 15px;
text-decoration:none;
}
nav a:visited {
font-family:Arial;
font-size:12pt;
color:#000000;
}
nav a:active{
font-family:Arial;
font-size:12pt;
color:#000000;
}
#nav a:hover {
background-color:#3D598B;
color:#FFFFFF;
font-weight:bold;
background-image:url(tux-small.jpg);
background-position:center left;
background-repeat:no-repeat;
border-top:1px solid;
border-bottom:1px slid;
border-color:#9A9A9A;
}
#current {
border-bottom:1px solid #5D5D5D;
border-top: 1px solid #5D5D5D;
background-color:#D7D7D7;
}
Liste:
<div id="nav">
<ul>
<li><a href="#" id="current">home</a></li>
<li><a href="#">html - css</a></li>
<li><a href="#">linux</a></li>
<li><a href="#">visual basic</a></li>
<li><a href="#">guestbook</a></li>
<li><a href="#">forum</a></li>
<li><a href="#">kontakt</a></li>
<li><a href="#">links</a></li>
<li><a href="#">sonstiges</a></li>
</ul>
</div>
Das Problem besteht jetzt darin, dass der Abstand zwsichen den einzelnen li Elementen sehr groß ist! Was kann ich da machen, dass diese kleiner werden?
Grüße,
Fabian