Hi,
ich hab ein DropDow Menü nach folgendem Schema gemacht:
css:
Code:
.navi, .navi ul { list-style-type:none; margin:0; padding:0; text-align: center;}
.navi li { width:100px; float:left; background-image:url(Bild.gif); background-repeat:no-repeat; margin-right:12px; font-weight:bold; font-size:21px}
.navi li ul { display:none;}
.navi li:hover ul { display:block;}
.navi a:link {color:#003300}
.navi a:hover{color:#006600}
.navi a:visited {color:#594700}
.navi {position:absolute;}
.navi li:hover { background-image:url(layout/navi1.gif); background-repeat:no-repeat; float:left;}
.navi li ul li { background-image:url(layout/navi1.gif)}
.navi2 a:link {color:#000055}
.navi2 a:visited {color:#000028}
.navi2 a:hover {color:#000099}
.navi2 {font-weight:bold; font-size:17px}
HTML-Code:
<table border="0" align="left" class="lay" cellspacing="0px">
<tr height="150px">
<td background="layout/linkliste.gif" width="2000px" align="left">
<table border="0" align="center" class="lay" cellspacing="0px">
<tr height="60px"><td width="441px"> </td><td width="790px"> </td><td width="1669px"> </td></tr>
<tr height="50px"><td width="441px"> </td><td width="790px" align="left" valign="top">
<!--Navi1-->
<table align="left"><tr><td>
<ul class="navi">
<li><a href="#">Thema1</a>
<ul>
<li style="margin-top:5px;"><a href="#">Punkt1</a></li>
<li style="margin-top:0px;"><a href="#">Punkt2</a></li>
<li style="margin-top:0px;"><a href="#">Punkt3</a></li>
</ul>
</li>
<li><a href="#">Thema2</a>
<ul>
<li style="margin-top:5px;"><a href="#">Punkt1</a></li>
<li style="margin-top:0px;"><a href="#">Punkt2</a></li>
<li style="margin-top:0px;"><a href="#">Punkt3</a></li>
</ul>
</li>
(und so weiter)
Bei den neuen Versionen vom Internetexplorer und Firefox funktionierts wudnerbar, aber bei älteren Versionen des IE wird das Drop Down nicht erkannt und älterer Firefox zerstückelt meine Tabelle ganz seltsam...
Hat jemand Rat für mich?
18.10.2009, 20:28
Drop Down zestückelt...
Ähnliche Themen
Linear-Darstellung
