Hallo.
Ich nutze das JS "flexdropdownmenu" und möchte über zwei Ebenen Listen darstellen. Die erste Ebene soll nicht angezeigt werden - die Zweite schon...
Ich komme nur beim besten Willen nicht dahinter, warum das nicht läuft...
Code
<table>
<tr>
<td data-flexmenu=flexmenu2>
Testlink
<ul id="flexmenu2" class="flexdropdownmenu">
<li>
<div class=hilfe><!-- Kommt aus der DB --!> Zum Beispiel:<ol><li class=test>test1<li>was auch immer<li>Anlage</ol><!-- DB Ende --!></div>
</li>
</ul>
</td>
</tr>
</table>
Alles anzeigen
Das rot markierte wird nicht als Liste oder Aufzählung dargestellt...
Ich habe mehrfach mit der Klasse .hilfe rumgespielt... leider keinerlei erfolge. Die ".flexdropdownmenu, .flexdropdownmenu ul" darf nicht geändert werden...
CSS
.flexdropdownmenu, .hilfe ol{ /*topmost and sub ULs, respectively*/
list-style-type: disc;
}
.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}
.flexdropdownmenu li{
position: relative;
}
.flexdropdownmenu li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: black;
background: #fae7a9;
border-bottom: 1px solid black;
text-decoration: none;
padding: 4px 5px;
}
* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}
.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
background: #F0CE7D;
}
Alles anzeigen
Kann mir jemand mal einen Tipp geben??
Danke!!