Willkommen auf dem Portal für Mediengestalter

Schluck · Threadersteller

Hallo zusammen,

wie bekomme ich das mit CSS hin, dass der mouseover effekt über das ganze Hintergrundfeld geht und nicht nur hinter den kleinen Textbereich. Der graue Bereich soll komplett rot werden wenn ich mit der Maus drüber gehe.

Die Größe die ich in .bla samt der Hintergrundfarbe festgelegt habe geht doch auf das a Tag, oder??? Warum funzt dass dann mit Backgroundcolor nicht bei a:hover?

<style type="text/css">

.bla{
padding-top:13px;
margin:5px;
list-style:none;
width:100px;
height:30px;
font-size:13px;
font-weight:bold;
background-color:#616161;
text-indent:16px;

}
.bla a:hover{
background-color:#FF0000;
text-decoration:none;
}
.bla a:link{
text-decoration:none;
}
</style>

<body>
<ul>
<li class="bla"><a href="http://www.website.com">Menüpunkt 1</a></li>
<li class="bla"><a>Menüpunkt 2</a></li>
<li class="bla"><a>Menüpunkt 3</a></li>
<li class="bla"><a>Menüpunkt 4</a></li>
<li class="bla"><a>Menüpunkt 5</a></li>
</ul>
</body>
</html>

Das wäre nett, danke.

Fido67 · Account gelöscht

Schluck · Threadersteller

Vielen Dank für die schnelle Antwort, hat mich bis jetzt mehrere Stunden gekostet jetzt funktioniert es einwandfrei und ich weiss was display ist.

Willkommen auf dem Portal für Mediengestalter

Thema: a:hover effekt vom 26.03.2008

a:hover effekt