Hallo,
ich wollte mir ein klappmenü erstellen! Ich habe bereits eine CSS-Vorlage für ein normales Menü, das ich gerne behalten würde. Nur schaffe ich es nicht, die Unterlinks zu öffnen!
Ich nutze IE6 und wollte das Anzeige-Problem am besten ohne js umgehen. Laut dieser Anleitung sollte es gehen: http://www.drweb.de/leseproben/klappmenu.shtml
html-code dürfte klar sein:
<link rel="stylesheet" type="text/css" media="screen,projection" href="menu-b.css">
<div id="tabsB">
<ul>
<li><a href="....htm" title="..."><span>...</span></a></li>
<ul>
<li><a href="...">...</a></li>...
</ul>
...</ul>
</div></th>
Die "head"-Anweisung laut der oben erwähnten Anleitung habe ich natürlich auch befolgt, nur wird mir selbst wenn ich das CSS-Beispiel von oben nutze das Menü nicht richtig angezeigt!! :S
Und mein normales CSS-Menü sieht wie folgt aus:
/* CSS Document */
/*- Menu Tabs B--------------------------- */
#tabsB {
float:left;
width:100%;
background-image:url(/Bilder/hintergrund-css.jpg); ;
font-size:93%;
line-height:normal;
}
#tabsB ul {
margin:0;
padding:5px 5px 5px 10px;
list-style:none;
}
#tabsB li {
display:inline;
margin:0;
padding:0;
}
#tabsB a {
float:left;
background:url("tableftB.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsB a span {
float:left;
display:block;
background:url("tabrightB.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span {float:none;}
/* End IE5-Mac hack */
#tabsB a:hover span {
color:#000;
}
#tabsB a:hover {
background-position:0% -42px;
}
#tabsB a:hover span {
background-position:100% -42px;
}