CSS Einbinden (IE7) - Druckversion

Code:

<td> <ul id="menu">

<li>

<dl class="one">

    <dt><a href="../index.html">Forum</a></dt>

    <dd><a href="../search.php" title="Suchen">

    Suchen</a></dd>

    <dd><a href="../memberlist.php" title="Mitglieder">

    Mitglieder</a></dd>

    <dd><a href="../calendar.php" title="Kalender">

    Kalender</a></dd>

    <dd><a href="../misc.php?action=helpl" title="Hilfe">

    Hilfe</a></dd>

</dl>

<!--[if lte IE 6]></td></tr></table></a><![endif]-->

</li></p>

Code:

#menu {list-style-type:none; margin:0px 0 0px 0px; padding:0;}



#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:150px; height:1px; z-index:100;}

#menu li a, #menu li a:visited {text-decoration:none;}



#menu dl {position:absolute; top:0; left:0; width: 100px; margin: 0; padding: 0; background: transparent url(transparency.gif);}

#menu dt {background: #242424; margin:0;font-size: 12px; font-family: Trebuchet MS; border-bottom:1px solid #fff; width:150px; float:left;}

#menu dd {display:none; background: transparent; border-bottom:1px solid #cce; clear:left; margin:0; padding:0; color: #fff; font-size: 12px; font-family: Trebuchet MS; text-align:left;}



#menu dt a, #menu dt a:visited {display:block; color:#ff8; padding: 5px 5px 5px 20px; width:125px;}

#menu dd a, #menu dd a:visited {background:#242424; color:#ff8; text-decoration:none; display:block; padding:4px 5px 4px 20px; width:276px;}



#menu li a:hover {border:0;}



#menu li:hover dd, #menu li a:hover dd {display:block;}

#menu li:hover dl, #menu li a:hover dl {width:301px; border-bottom:10px solid #F0ECE7;}

#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background: #F0ECE7; color:#534;}