Bei Hover anderes Element sichtbar machen

[Durek]

Hallo,
Ich möchte bei einem Hovereffekt mal nicht das selbe Element sondern eines mit einer anderen ID... mit JavaScript würde das so aussehen:

<script language="javascript" type="text/javascript">

function show(divid) {
  document.getElementById(divid).style.display = 'block';
}
function hide(divid) {
  document.getElementById(divid).style.display = 'none';
}

</script>

<a href="#" onmouseout="hide('test');" onmouseover="show('test');">Hier drauf</a>
		<div id="test" onmouseover="show('test');" onmouseout="hide('test');" style="display:none;">blaaaaaaaaaaablalablalabalb</div>

Dieses JavaScript(-Script) erfüllt im Internet Explorer, Firefox und Opera seinen Dienst. Ja... manche fragen sich sicher, warum ich das dann nicht einfach benutzen will.
Ich möchte mit dem Script ein Menü machen, welches allerdings von denen, die JavaScript für "unsicher" halten (also es deaktiviert haben) nicht sichtbar ist.

Zusammengefasst: Ich möchte dieses Script oben in eine CSS-Version umgewandelt haben.

 

[Frank]

das geht nur wenn das Element dass du sichtbar machen möchtest in dem Element liegt, dass den Hover hat

Sähe vom prinzip so aus

#element2 {
display:none;
}
#element:hover #element2 {
display:block;
}

 

[Durek]

das geht nur wenn das Element dass du sichtbar machen möchtest in dem Element liegt, dass den Hover hat

Sähe vom prinzip so aus

#element2 {
display:none;
}
#element:hover #element2 {
display:block;
}

verstehe, danke =)

edit: ich kam jetzt erst dazu es zu testen...

<style type="text/css">
#element2 {
display:none;
}
#element:hover #element2 {
display:block;
}
<div id="element">Hier drauf
<div id="element2">Hier erscheints</div></div>

</style>

mit dem Code klappts jedenfalls nicht

 

[Frank]

Als erstes, schau mal wo dein </style> - Tag ist ;)
Außerdem womit hast du es getestet? - MSIE 6 und älter unterstützen die Pseudoklasse "Hover" nur bei dem Element a

 

[matibaski]

Damit es im IE funzt, setzt du n Bild mit nem Hyperlink drüber ;)


MfG, matibaski

 

[Durek]

ups xD der style-tag muss ja noch vor dem DIV zuendegehen^^
ma schaun... das Ergebniss gebe ich mit einem Edit bekannt. Achja... ich benutze den FF... IE find ich scheiße aber mit dem Bild drübersetzen werde ich lieber drüber nachdenken, weil ich es in allen Browsern gleich haben will =)

edit: Prima! Es funzt... matibaski deine Hilfe brauch ich allerdings jetzt... was genau du mit der Grafik meinst weiß ich nicht... im IE funzt es ja nicht

 

[matibaski]

Du setzt ein transparentes Bild mit 100% Höhe und Breite drüber, und machst n Rollover als Hyperlink.


MfG,matibaski

 

[Durek]

Du setzt ein transparentes Bild mit 100% Höhe und Breite drüber, und machst n Rollover als Hyperlink.


MfG,matibaski

und wie soll ich das allein mit CSS darübersetzen, wenn ich nicht genau weiß, wo dieses Element gerade ist? Kannst du ein Beispiel geben?