Hallo,
ich habe einen grünen Kasten (div) in dem sich eine Navigation in einer ul-Liste befindet. Bei a:hover soll ein Bildchen am RAnd des grünen Kastens eingeblendet werden. Leider wird es aber direkt über den ersten Buchstaben der Navigation eingeblendet.
Ich vermute das es daran liegt, das eine Liste immer eingerückt ist, aber wie kann ich das jetzt ändern. Mit margin:0 und padding:0 hat es nicht geklappt.
Vielleicht hat einer von euch noch einen Tipp für mich.
Danke schonmal
lg Nadja
Hier ist noch der Code:
im CSS-File:
in der HTML-Seite:
ich habe einen grünen Kasten (div) in dem sich eine Navigation in einer ul-Liste befindet. Bei a:hover soll ein Bildchen am RAnd des grünen Kastens eingeblendet werden. Leider wird es aber direkt über den ersten Buchstaben der Navigation eingeblendet.
Ich vermute das es daran liegt, das eine Liste immer eingerückt ist, aber wie kann ich das jetzt ändern. Mit margin:0 und padding:0 hat es nicht geklappt.
Vielleicht hat einer von euch noch einen Tipp für mich.
Danke schonmal
lg Nadja
Hier ist noch der Code:
im CSS-File:
HTML:
.unternavi{
float:left;
width: 230px;
background: #e5e895; /*gruenton*/
margin: 30px;
}
/*Unternavigation*/
li.menue2{
list-style-type: none;
font-family: "Droid Serif", serif;
color: #666666;
line-height: 20px;
text-align: left;
margin:0;
padding:0;
}
li.menue2 a {
text-decoration:none;
color: #666666;
font-size: 12px;
}
li.menue2 a:hover{
font-weight: bold;
background: url(images/halbkreis.gif) 0px 0px no-repeat;
}
in der HTML-Seite:
HTML:
<div class="unternavi">
<ul>
<li class="menue2"><a href="massage.html">Mobile Massage</a></li>
<li class="menue2"><a href="aromaoelmassage.html">Aromaölmassagen</a></li>
<li class="menue2"><a href="fussreflexzonen.html">Fußreflexzonenmassage</a></li>
<li class="menue2"><a href="kleinemassagen.html">Kleine Massagen</a></li>
<li class="menue2"><a href="bueromassagen.html">Büromassagen</a></li>
</ul>
</div> <!-- ende unternavi-->