Antworten auf deine Fragen:
Neues Thema erstellen

div mit hover auf div erscheinen lassen

exploit89

Noch nicht viel geschrieben

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

Web-Developer

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

Noch nicht viel geschrieben

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
Code:
<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
 

exploit89

Noch nicht viel geschrieben

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

Noch nicht viel geschrieben

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
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.636
Beiträge
1.538.485
Mitglieder
67.559
Neuestes Mitglied
hanuta
Oben