Navigation per Menue und klickbare Icons

[apsel]

Om nah hoo pez nyeetz, WiMu!

Nachbarselektor ... kannte ich noch gar nicht. 1000Dank, man lernt nie aus! Jetzt muss/sollte das nur noch auch der doofe IE interpretieren können. Mal ausprobieren;

<7 kannst du vergessen.

Bleibt in jedem Fall das Problem mit der Positionierung.

#menu ul li
{  position: relative; }

#menu ul li ul
{  position: absolute;
   left: -999em;
}
#menu ul li:hover ul, #menu ul li:focus ul
{  position: relative;
   left: auto;
}

Erläuterung: Die Listenelemente der Hauptpunkte bekommen position: relative, damit sich nachfolgend positionierte Elemente daran orientieren (siehe Artikel zu position)

Die Liste der untergeordneten Menüpunkte bekommt position:absolute, damit sie den benötigten Platz freigibt und die Hauptnavi zusammenrutscht.

Beim Einblenden relative, damit ihr Platz jetzt wieder berücksichtigt wird und die Hauptnavi quasi Platz macht.

Für die Bilder bietet sich position:absolute und ein genauer Ort z.B. mit left und top an, falls ich dich richtig verstanden habe. Beachte, dass in diesem Fall das 2. ul-Element der Bezugspunkt ist.

Matthias