tinu: simpler image rollover effect

Beitrag lesen

SELF-Forum

simpler image rollover effect

tinu
– Informationen zu den Bewertungsregeln

*narf*

Sorry, aber ich bekomms nicht wirklich hin. Hab nun zwei Probleme mit folgendem Code (am Beispiel nur eines Feldes, war bei allen gleich):

  
<head>  
<style type="text/css">  
a img {  
  border: 0;  
}  
.pic1 {  
  background-image: url(images/blog.gif);  
  background-color: #000000;  
}  
.pic1:hover {  
  background-color: #FFFFFF;  
  background-image: url(images/blog2.gif);  
}  
</style>  
<title>schachbrett</title>  
</head>  
<body>  
 <a class="pic1" href="http://www.google.ch">  
 <img name="pic1" src="images/blank.gif">  
 </a>  
</body>

1. Im IE wirds zwar korrekt angezeigt und der hover-effekt funktioniert einwandfrei. Das gesamte Feld ist nun allerdings 104 x 104 pixel gross statt 100 x 100. Auch als ich per CSS die Höhe und Breite auf 100 festgeleget und border, margin und padding alles auf null gesetzt hab, bliebs bei 104 x 104. Grummel! Warum?!
2. Im Firefox wirds total besch... angezeigt. Das Platzhalter-Gif wär an der richtigen Position, das Hintergrundbild wird jedoch erst am unteren Rand des Platzhalters angezeigt und ein paar Pixel darunter abgeschnitten.

Was mach ich verkehrt?!

Grummel... langsam hab ich die Nase voll. Wenn ich schon hier Stunden verschwende, nehm ich doch lieber nen inkorrekten JS-Code, der wenigstens funktioniert.

Beitrag melden
–
Informationen zu den Bewertungsregeln