Abstand einer Grafik zu Text

[pit]

Hi,

eine kleine Frage:

Habe hier mit CSS so einen on-mouse-over Effekt gemacht. Geht man über den Text,
dann ändert sich die Textfarbe und ein Button erscheint vor dem Text.

Wie kann man den Abstand zwischen Text und Button einstellen? Auch wenn ich das GIF ohne
transparente Ränder mache ist mir der scheinbar automatische Abstand etwas zu groß!

.tops a {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CCCCCC; background-repeat: no-repeat}

.tops a:hover {  background-image: url(grafik/quadrat_tops.gif); text-decoration: none}

Gruß,
Peter

 

[dkdenz]

.tops a {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; [B]padding-left:10px;[/B] color: #CCCCCC; }

.tops a:hover {  background-image: url(grafik/quadrat_tops.gif); text-decoration: none; [B]padding-left:10px;[/B] }

Statt 10px nimmst Du das, was Du brauchst...

 

[pit]

Danke,

da hätte ich selbst drauf kommen müssen!

Gruß,
Peter

 

[dkdenz]

Passiert schon mal...
Bitte!