Zur Navigation

menu via css oder ähnlichem erstellen [2]

11 Jörg

Geht das nicht mit der Angabe für width?

22.10.2009 22:32

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

22.10.2009 22:40

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?

24.10.2009 13:58

14 Jörg

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;}

24.10.2009 14:29 | geändert: 24.10.2009 14:30

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;}

24.10.2009 14:38

16 Jörg

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">

24.10.2009 16:15

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

24.10.2009 16:28

18 Jörg

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?

24.10.2009 18:03

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

24.10.2009 18:26 | geändert: 24.10.2009 18:28

20 Jörg

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;}

24.10.2009 18:34