[joekuelue]

Hallo.

Als Newbie habe ich eine für euch wahrscheinlich einfache Frage.

Ich möchte in der Navigationsleiste beim hover eines Text-Links oder auch eines Grafik-Links an einer anderen Stelle auf der Seite ein Bild/Foto erscheinen lassen. Wie bekomme ich das mit CSS hin?

Danke schon mal für eure Mühe.

joekuelue

[banane234]

Als erstes musst du das Foto im HTML-Quelltext innerhalb des Verweises plazieren:

<div id="bild">
<a class="verweismitbild" href="irgendwas.html"><img src="bild.jpg" alt="Schönes Bild" /></a>
</div>

Dann notierst du im Stylesheet:

#bild a img {
display:none;
}

#bild a:hover img {
display:block;
position:fixed;
}


Dann wird das Bild immer angezeigt, wenn du mit dem Mauszeiger über das Bild fährst. Du must im Stylesheet allerdings noch die Position des Bildes angeben.

[paracelsus]

Zitat von joekuelue

Hallo.

Als Newbie habe ich eine für euch wahrscheinlich einfache Frage.

Ich möchte in der Navigationsleiste beim hover eines Text-Links oder auch eines Grafik-Links an einer anderen Stelle auf der Seite ein Bild/Foto erscheinen lassen. Wie bekomme ich das mit CSS hin?

Danke schon mal für eure Mühe.

joekuelue

Wenn das Bild an ganz anderer Stelle erscheinen soll, wirst Du Javascript benötigen.
Ansonsten informiere Dich über Nachbarselektoren.

[heiko_rs]

Nein, wenn das Bild innerhalb von a steht, ist es kein Problem, es per position: absolute; überall erscheinen zu lassen (position: fixed; hat nicht viel Sinn, da es der IE < 7 nicht versteht).

[paracelsus]

Stimmt, ich musste es allerdings erst nachbauen, um es zu glauben...
Danke.