Hover verschibt sich immer einer Zeile nach unten.

html.de-Forum HTML, XHTML & CSS
1

Hallo,

ich habe jetzt einen hover drück effekt für bilder eingefügt nun wenn ich auf das letzte bild in einer zeile gehe, geht das bild immer eine zeile tiefer im hover. Schaut es euch doch an. http://diamondkey.de/shooter-game-key/ wie mach ich das weg?

Mein HTML code
[HTML]

Bild Bild Bild Bild Bild Bild Bild Bild
[/HTML]

mein CSS code

[CODE]
/* — Aussehen der verkleinerten Bilder — */
.transparenz {
float: left;
width: 150px;
padding: 10px;
margin-right: 20px;
margin-bottom: 20px;
background-color: #FFFFFF; }

/* — Hover Effekt — */
.transparenz:hover {
width: 150px;
padding: 8px;
margin-right: 21px;
margin-bottom: 21px;
}[/CODE]

2

Ähm, ich würde dieses Geflimmere komplett rausnehmen, das stört mehr, als es optisch was bringt. Und wenn man die Seite mal mit Firebug untersucht, muss man feststellen, dass der Quellcode eher eine div-Suppe als lesbarer Code ist.

3

Weiterhin soltest du die Bilder verkleinert auf dem Server ablegen und nicht per HTML skalieren. Und hier hast du mal etwas, was deutlich besser für deine Zwecke ist und nicht soviel Geflackere verursacht: http://www.ohne-css.gehts-gar.net/0023.php

4

Ahh, cool besten dank. :slight_smile: