Ich bin jetzt in einem html Dokument soweit gekommen, dass alles Unterhalb der Ebene "INFORMATION" nicht angezeigt wird. So weit so gut
Aber wie bekomme ich die Unterbene HAMBURG (Ohne dessen Unterebene HAMBURGER PHILES) bspw. beim Mouse over auf INFORMATION eingeblendet?
Zwischen all ul. ul ul und ul ul ul li seh ich gar nicht mehr durch:
hier meine CSS Definitionen soweit:
Code:
.mod_navigation
{
position:absolute;
overflow:visible;
z-index:999;
}
.mod_navigation p
{
margin:0px;
padding:0px;
}
.mod_navigation ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.mod_navigation li
{
width:160px; /* Breite eines Menüpunktes festlegen */
position:relative; /* Position */
float:left; /* links nebeneiander anordnen */
background-color:#999999; /* eine Hintergrundfarbe */
border-right:1px solid #ffffff; /* optischer Rahmen */
border-bottom:1px solid #ffffff; /* optischer Rahmen */
border-left:1px solid #ffffff; /* optischer Rahmen */
line-height:35px; /* bestimmt die Höhe eines Menüeintrages */
}
.mod_navigation li ul
{
left:-1px;
top:36px; /* zweite Ebene beginnt 1 Pixel unter der ersten Ebene */
position:absolute; /* Position wird absolut zum Elternelement gesetzt */
display:none; /* Für erste Formatierung sichtbar. Wir später auf none gesetzt */
}
.mod_navigation li ul ul
{
left:161px;
top:0px;
position:absolute;
}
.mod_navigation li ul
{
bottom:0px;
left:-1px;
right:0px;
top:36px;
position:absolute;
display:none; /* Ausbleden der Untermenüs */
}
.mod_navigation ul li:hover ul,
.mod_navigation ul li.sfhover ul
{
display:block;
}
.mod_navigation ul li:hover ul ul,
.mod_navigation ul li.sfhover ul ul
{
display:none;
}
.mod_navigation ul ul li:hover ul,
.mod_navigation ul ul li.sfhover ul
{
display:block;
}
.mod_navigation ul ul li:hover ul ul,
.mod_navigation ul ul li.sfhover ul ul
{
display:none;
}
Lesezeichen