✔ richtige Position

[Killer-Man]

Ich hab folgendes auf meiner Website:
Ein Bild, das beim drüberfahren mit der Maus ein neues in einem Art Popup öffnet (nur solange die Maus darüber ist)

Dazu nehm ich folgenden CSS Code:

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 10;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

Allerdings finde ich, dass das erscheinende Bild zu weit unten ist und möchte, dass dieses weiter oben erscheint. Leider bekomm ich das einfach nicht hin

Welche Werte muss ich dafür ändern?

 

[Maik]

Hi,

probier es mal mit einer relativen Positionierung:

.thumbnail span{ /*CSS for enlarged image*/
position: relative;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

 

[Killer-Man]

Leider geht's so nicht.
Dadurch wird die ganze Tabelle gesprengt und das Thumbnail-Bild wird nicht mehr angezeigt.
Vielleicht hilft dir ja weiter, wenn ich mal den HTML Code poste:

[...]
<tr>
<td width="253" height="185"><a class="thumbnail" href="#thumb"><img src="graphics/knightfight/landsitz/l1_mini.png"><span><img src="graphics/knightfight/landsitz/l1.jpg" width="650" height="500"></span></td>
<td width="319"><span class="beschreibungsschrift"><u>Landsitz - Stufe 0 </u><br />
Preis: 0 <img title="Gold" src="graphics/knightfight/gold.jpg"><br />Heilung pro Stunde: 10%</span></td>
</tr>
[...]

Eine andere Idee, wie ich mit meinem Problem weiterkomme?

 

[Maik]

Da fehlt noch das schliessende </a>-Tag:

<a class="thumbnail" href="#thumb"><img src="graphics/knightfight/landsitz/l1_mini.png"><span><img src="graphics/knightfight/landsitz/l1.jpg" width="650" height="500"></span></a>

Ansonsten probier es mal mit einem negativen Wert für die top-Eigenschaft, um das Popup nach oben zu schieben.

 

[Killer-Man]

Ansonsten probier es mal mit einem negativen Wert für die top-Eigenschaft, um das Popup nach oben zu schieben.

Danke, genau so geht's auch

Danke Michael
(denke mal das ist dein Vorname )