nicht angemeldet
Hallo Ihr,
mein Ziel: IE-komplatibles DropDownMenü mit CSS
mein Problem: die nachfolgende Lösung enthält Tabellen >> diese haben aber in einer CSS-basierten Programmierung nix zu suchen ;((((
Ich bin ja schon sehr zufrieden damit ein DropDownMenü zu haben das auf IE ohne JavaScript funktioniert. Nur: gibt es denn WIRKLICH keinen Weg bei dem man auf diese Tabelle verzichten kann???
Habe diese Lösung hier im Inet gefunden und soweit inhaltlich angepasst.
Wie ich das bis jezt durchblicke heisst der Knackpunkt: overflow: visible; bzw. overflow: hidden;.
Laut Selfhtml können damit "übergroße innere Elemente" behandelt werden >> also ist wohl eine Tabelle ein übergrosses inneres Element?
Was wäre die Alternative...?
Hier der Quellcode:
<style type="text/css">
a.outer, a.outer:visited { display: block; width: 110px; height: 18px; overflow: hidden; border: 0; }
a.outer:hover { display: block; overflow: visible ; border: 0; }
a.inner, a.inner:visited { background-image: url(nwt_ref.gif); background-repeat: no-repeat; display: block; width: 110px; height: 18px; border: 0 }
a.inner:hover { background-image: url(nwt_ref_hover.gif); background-repeat: no-repeat; width: 110px; height: 18px; border: 0 }
</style>
</head>
<body bgcolor="#c0dcc0">
<a class="outer" href="dummy_01.html">
<img src="nwt_ref.gif" height="18px" width="110px" alt="Referenz" border="0" />
<table border="0" cellpadding="0" cellspacing="0"><tr><td>
<a class="inner" href="dummy_01.html"><img src="spacer.gif" height="18px" width="110px" alt="Referenz" border="0" /></a>
<a class="inner" href="dummy_01.html"><img src="spacer.gif" height="18px" width="110px" alt="Referenz" border="0" /></a>
<a class="inner" href="dummy_01.html"><img src="spacer.gif"
</td>
</tr>
</table>
</a>
</body>
</html>
Vielen Dank, Mel