✔ Bild einblenden bei MouseOver über Textlink

[Eiszwerg]

Moin zusammen,

es wurde lt. Suchergebnissen schon oft behandelt, aber leider habe ich bisher keine Lösung für mich erarbeiten können.
Ich möchte, dass beim Überfahren eines Links (der arme) eine kleine Vorschaugrafik eingeblendet wird.
Ich hab leider keinen blassen Schimmer, wie ich das umsetzen kann.
Soweit ich das verfolgen konnte, ist es üblicherweise so, dass man einen Bereich definiert, welcher solange unsichtbar ist, bis das mouseOver eintritt.

Wer mag mir helfen, das zu realisieren?

Die Zeilen in der Tabelle mit den Links sehen wie folgt aus:

<tr><td style="width:15%;">2010-10-28</td><td style="width:80%;"><a href="forward.php?id=92" target="_blank" title="mustertext">mustertext</a></td><td><a href="index.php?cat=2">pictures</a></td><td>4</td></tr>

Danke euch

 

[SpiceLab]

es wurde lt. Suchergebnissen schon oft behandelt, aber leider habe ich bisher keine Lösung für mich erarbeiten können.
[...]
Ich hab leider keinen blassen Schimmer, wie ich das umsetzen kann.
Soweit ich das verfolgen konnte, ist es üblicherweise so, dass man einen Bereich definiert, welcher solange unsichtbar ist, bis das mouseOver eintritt.

Wer mag mir helfen, das zu realisieren?

Und woran ist es nun konkret gescheitert?

In den verwandten Themen wurden sicherlich Links zu Beispielseiten genannt, und/oder Codeschnipsel vorgestellt, mit denen sich dein Vorhaben realisieren lässt.

"Bild einblenden beim Überfahren eines Textlinks" - Klappe, die vierunddreißigste :suspekt:

<a href="#" class="popup">mustertext<span><img src=""></span></a>

a.popup {
  text-decoration:none;
  position:relative;
  display:block;
}
a.popup:hover {
  border:none;
}
a.popup img {
  border:none;
}
a.popup span {
  visibility:hidden;
  position:absolute;
  top:20px;
  left:0;
}
a.popup:hover span {
  visibility:visible;
}

 

[Eiszwerg]

Erstmal vielen Dank für die schnelle Hilfe!

Ich hatte mir die Beispiele soweit angesehen, allerdings bezogen diejenigen, die ich gefunden hatte, auf einen fest positionierten Container.
Da ich bisher das Prinzip nicht so ganz kapiert hatte, war mir eine Anpassung auf meine Bedürfnisse nicht möglich :-(

Sieht nun aber schon anders aus
Jedoch bringe ich es gerade nicht fertig, das PopUp ÜBER die anderen Zeilen zu legen. Momentan verschwindet es noch hinter dem Text der Folge-Zeilen.
Hatte in meiner Naivität einfach versucht, eine Hintergrundfarbe im td a.popup span zu setzen, aber das bringt natürlich nicht viel.

Magst Du (oder jmd anderes) nochmal helfen?

Danke!

 

[Eiszwerg]

z-index hat geholfen.
Danke nochmal!