menu via css oder ähnlichem erstellen [2]

11 Jörg Kruse

Geht das nicht mit der Angabe für width?

12 tobi

Zitat von Jörg

Geht das nicht mit der Angabe für width?

doch, warum bin ich nur so dumm?!

habs jetzt geändert.

jetzt taucht nur noch das problem beim dritten untermenü auf:
Turniere -> Ping-Pong-Café -> 2010 -> 2010

und die größe des blauen hintergrundes in den untermenüs, die weiß ich über haupt nciht wo ichdie regeln kann

13 tobi

Zitat von tobi

Zitat von Jörg

Geht das nicht mit der Angabe für width?

doch, warum bin ich nur so dumm?!

habs jetzt geändert.

jetzt taucht nur noch das problem beim dritten untermenü auf:
Turniere -> Ping-Pong-Café -> 2010 -> 2010

und die größe des blauen hintergrundes in den untermenüs, die weiß ich über haupt nciht wo ichdie regeln kann

keine hilfestellung? keine idee?

14 Jörg Kruse

die größe des blauen hintergrundes in den untermenüs

Der tritt nur beim Hover auf, also musst du den Selektor des Untermenüs suchen, der noch durch ein :hover gekennzeichnet ist.

Hier hast du für alle vier Ebenen des betreffenden Submenus eine gemeinsame Definition erstellt, wodurch diese auch eine einheitliche Breite von 101px erhalten:

.menu2 :hover ul.sub_turniere :hover ul,
.menu2 :hover ul.sub_turniere :hover ul :hover ul,
.menu2 :hover ul.sub_turniere :hover ul :hover ul :hover ul,
.menu2 :hover ul.sub_turniere :hover ul :hover ul :hover ul :hover ul
{left:188px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:101px; z-index:200; height:auto;}

15 tobi

und wie ändere ich das dann?
so etwa?

.menu2 :hover ul.sub_turniere :hover ul,
.menu2 :hover ul.sub_turniere :hover ul :hover ul,
{left:188px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:66px; z-index:200; height:auto;}
.menu2 :hover ul.sub_turniere :hover ul :hover ul :hover ul,
.menu2 :hover ul.sub_turniere :hover ul :hover ul :hover ul :hover ul
{left:188px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:101px; z-index:200; height:auto;}

16 Jörg Kruse

Das wäre 'ne Möglichkeit.

Wenn die individuelle Breite bei hover und nicht-hover gleich ist, könntest du diese auch direkt im HTML definieren

<ul class="irgendwas" style="width:66px">

17 tobi

habs jetzt so ausprobiert:

.menu2 :hover ul.sub_1950bisheute :hover ul,
.menu2 :hover ul.sub_1950bisheute :hover ul :hover ul,
{left:295px; top:-4px; background: #E3E3E3; padding:3px 0; border:2px solid #000; white-space:nowrap; width:80px; z-index:200; height:auto;}
.menu2 :hover ul.sub_1950bisheute :hover ul :hover ul :hover ul,
.menu2 :hover ul.sub_1950bisheute :hover ul :hover ul :hover ul :hover ul
{left:295px; top:-4px; background: #E3E3E3; padding:3px 0; border:2px solid #000; white-space:nowrap; width:80px; z-index:200; height:auto;}

jetzt überstimmt er das hier:

.menu2 :hover ul.sub_1950bisheute :hover ul :hover ul :hover ul :hover ul
{left:295px; top:-4px; background: #E3E3E3; padding:3px 0; border:2px solid #000; white-space:nowrap; width:80px; z-index:200; height:auto;}

und plziert das untermenu an einer anderen position, größe etc läßt sich dann aber auch nciht ändern

18 Jörg Kruse

jetzt überstimmt er das hier:

Was heißt "überstimmen"?

und plziert das untermenu an einer anderen position, größe etc läßt sich dann aber auch nciht ändern

Welche Größe lässt sich nicht ändern?

19 tobi

er nimmt diese werte

.menu2 :hover ul.sub_1950bisheute :hover ul :hover ul,
{left:295px; top:-4px; background: #E3E3E3; padding:3px 0; border:2px solid #000; white-space:nowrap; width:80px; z-index:200; height:auto;}

und läßt dies außer acht:

.menu2 :hover ul.sub_1950bisheute :hover ul :hover ul :hover ul :hover ul
{left:295px; top:-4px; background: #E3E3E3; padding:3px 0; border:2px solid #000; white-space:nowrap; width:80px; z-index:200; height:auto;}

Zitat von Jörg

Welche Größe lässt sich nicht ändern?

die größe der box des untermenüs, die farben des untermenüs

20 Jörg Kruse

Keine Ahnung, ob es daran liegt, aber hier ist ein Komma zuviel:

.menu2 :hover ul.sub_1950bisheute :hover ul :hover ul,
{left:295px; top:-4px; background: #E3E3E3; padding:3px 0; border:2px solid #000; white-space:nowrap; width:80px; z-index:200; height:auto;}

Seite 123 4

nach oben weiter >