Hallo,
ich bin gerade dabei, mit eine Navigationsleiste zu erstellen. Der entsprechende css-Schnipsel sieht so aus:
Code:
#header {
float:left;
width: 59%;
font-size: 93%;
line-height: normal;
border-bottom: 2px dotted #AA0000;
}
#header ul {
margin: 0;
padding: 0;
list-style: none;
}
#header li {
float: left;
margin: 0;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 0.1em;
margin-left: 5em;
border-top: 2px dotted #AA0000;
border-left: 2px dotted #AA0000;
border-right: 2px dotted #AA0000;
}
#header a {
display: block;
}
#header a:hover {
color: #BB0000;
background-color: #eeeeee;
}
#header #current a {
background: #eeeeee;
}
Wenn man mit der Maus über eines der Navigationselemente fährt, wird (durch a:hover) nur die Schrift grau hinterlegt, nicht jedoch der Bereich der durch die paddings erzeugt werden.
Ich möchte aber gerne, dass der gesamte Bereich grau hinterlegt wird, wie kann das gelingen?
Lesezeichen