div mit hover auf div erscheinen lassen

[exploit89]

hi psd-com.

da ich in css noch nicht so fit bin habe ich denke ich eine eher simple frage.
gesucht habe ich schon. meine wenigen stichwörter sind mir aber leider ausgegangen.

ich habe eine navigationsleiste bestehend aus bildern. eine tabelle mit einer zeile und 8 spalten je spalte ein bild.
dieses wird bei hover gewechselt.
nun möchte ich um dieses bild ein DIV legen mit einer ID. wenn man nun mit
der maus drüber fährt erscheint ein weiteres -absolut-plaziertes- div (für ein dropdown-menü)

vielleicht kann mir jemand anhand code oder weiteren schlagwörtern weiterhelfen

thx ... exploit89

 

[sub_hero92]

AW: div mit hover auf div erscheinen lassen

Was genau willst du machen?
Poste mal bitte den HTML & CSS Code.
Und warum benutzt du noch Layouttabellen?

 

[exploit89]

AW: div mit hover auf div erscheinen lassen

ist keine layouttabelle.... nur die navigation in einer tabelle weil es schnell nur zur präsentation dienen soll.

quellcode will sicher keiner sehen daher mal in Light version

<table>
  <tr>
    <td><div id="bild1">bild.jpg</div><td>
  </tr>
</table>

<div style="position:absolute; left:6px; top:370px; width:272px; height:147px; z-index:6 ..."> Inhalt der angezeigt werden soll </div>

So. Der absolute div ist unsichtbar. wenn man mit der maus über bild.jpg fährt wird er sichtbar.

gruß
ext89

 

[HansHansa]

AW: div mit hover auf div erscheinen lassen

schaue dochmal hier durch:

 

[sub_hero92]

AW: div mit hover auf div erscheinen lassen

Das ganze nennt sich Suckerfish Menü.

Hier mein alter Thread

 

[exploit89]

AW: div mit hover auf div erscheinen lassen

durch die links bin ich nicht schlauer geworden... cssplay sollte mitlerweile jeder kennen. ich suche keine navigation bestehend aus li/ul ... + css sondern folgendes.


1) ich fahre mit meiner maus über ein DIV
2) Dann erscheint ein weiteres bisher verstecktes div
mit X-Beliebigem inhalt an einer X-Beliebigen stelle.
3) und wenn man in den inhalt fährt (also raus vom mutter div) bleibt es erhalten

gruß
ext89

 

[photonova]

AW: div mit hover auf div erscheinen lassen

und das soll dann wie funktionieren?

Du kannst nur die 5 vorhandenen Link-Varianten über CSS ansteuern.

a:link <<< der ist es nicht
a:visited <<< der auch nicht
a:hover <<< das klappt beim drüberfliegen
a:active <<< der ist es auch nicht
a:focus <<< der klappt nur beim draufklicken

also bleibt dir nur noch JavaScript. Und da wirst sich nicht nur google freuen, sondern auch jeder Firefox-Benutzer mit NoScript

 

[exploit89]

AW: div mit hover auf div erscheinen lassen

ja so eine antwort genügt mir schon ... thx