Hovereffekt funktioniert nicht

Status
Nicht offen für weitere Antworten.
V

VBFreak

Mitglied
Hallo,
ich habe zu Testzwecken zwei einzellige, ineinander verschachtelte Tabellen.
Wenn ich auf einem Link der Parent-Tabelle fahre soll die Child-Tabelle sichtbar werden.

Warum funktioniert das bei mir nicht?

Hier der Code
Code: 
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style>
<!--
body {background-color:#ffffff;margin-top:0px;margin-left:10px}
table {border:0;margin:0px;empty-cells:show;}
table#Level0{display:block}
table#Level0 a:hover table#Level1 {display:block}
table#Level1{display:none}
-->
</style>
<title>Navigation</title>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<table border=1 id="Level0">
<tr>
<td><a href="Test.htm">Test</a></td>
</tr>
<tr>
<td>
<table border=1 id="Level1">
<tr>
<td>Test2</td>
</tr>
</table>
</td></tr>
</table>
</body>
</html>
 
kein script

Die 2. Tabelle kann ja auch gar nicht sichtbar werden, da du dem Link "Test" ja nur ganz normal auf die "Test.htm" verlinkt ist. Du müsstest mit einem onMouseOver="..." noch bestimmen, dass wenn die Maus über den Link fährt, die 2. Tabelle sichtbar wird. Zum Beispiel mit einem Javascript...
 
doch im CSS definiert

Eigentlich ist der Hovereffekt ja im CSS definiert:

Code: 
table#Level0 a:hover table#Level1 {display:block}

Warum wird das ignoriert oder ist da was falsch geschrieben?
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück