Navigation Höhe...

[tio]

hallo zusammen,

Unbenannt-1.gif
ich möchte gerne eine solche Navi erstellen... in meinen Versuchen kriege ich aber die Höhe oben einfach nie hin...
ist das ul oder li ?! das dies bewerkstelligt....?

danke vielmals.
t.

[Silvano]

Was hast den Du versucht? Mit CSS geht es ... zeig mal was Du versucht hast ...

[ways2web]

welche höhe... eines nav-items? versuch es mal mit line-height: x.xem oder welche einheiten du auch verwendest!

gruiss
ways

[tio]

hi,

kriege die Höhe einfach nicht hin...

danke ciao.

[montapro]

Was möchtest du denn machen?
Die Navigation funktioniert doch.

[tio]

der rote Hovereffekt (Bild) sollte doppelt so gross sein... dafür müsste aber auch die komplette horizontale Linie auf auf height 61px... aber das geht alles nicht... :-(

[montapro]

der rote Hovereffekt (Bild) sollte doppelt so gross sein... dafür müsste aber auch die komplette horizontale Linie auf auf height 61px... aber das geht alles nicht... :-(

Welcher soll denn doppelt so groß sein?
Die erste oder zweite Navigations-Ebene, oder beide?
Sollen die denn dann auch gleich groß werden?
Du hast diese als Hintergrundbilder angelegt, deshalb musst du die Hintergrundbilder auch größer anlegen, wenn du willst, dass die größer sind, bzw. so gr0ß sind wie du sie willst.

Das Hintergrundbild mit Hover würde ich auch nicht an dem li anwenden, sondern am a- und span-Tag, sonst bekommst du schwierigkeiten mit älteren browsern.

ul.level_1 a:hover,
ul.level_1 span:hover {
background-image: url(bg1.jpg);
padding: /*so viel wie das Hintergrundbild*/
}

ul.level_2 a:hover,
ul.level_2 span:hover {
background-image: url(bg2.jpg);
padding: /*so viel wie das Hintergrundbild*/
}


Die zweite Naviebene kannst du dann einfach ein bisschen ranziehen

z.B....

ul.level_2 {
margin-top: -20px;
}

[tio]

hi danke für deine ausführliche Antwort,

nein nur die 1. Ebene sollte so gross sein...

hab jetzt so probiert aber wie schon immer wird mir das Hintergrundbild geschnitten...

ul.level_1 a:hover,
ul.level_1 span:hover
{
background-image:url("tl_files/Layout/Bilder/b-aktiv_g.png");
padding: 61px;
}

uff... der ul.Level_1 wird einfach nicht höher der sollte 61px sein...

any ideas?

ciao.

[montapro]

Bei mir zeigt er das richtig an.
Welchen Browser verwendest du denn und welche Version?
Auf Mac oder PC?

[tio]

Hi,

du musst jetzt mal anschauen, hatte es gestern wieder entfernt...
es nimmt einfach die Höhe nicht an...

unglaublich...
danke.ciao.

[montapro]

Hi tio,

mich wundert es, dass es aber im aktiven zustand funktioniert.
Wende die eigenschaften vom .active auch auf den :hover an, dann muss es ja funktionieren!

Hi,

du musst jetzt mal anschauen, hatte es gestern wieder entfernt...
es nimmt einfach die Höhe nicht an...

unglaublich...
danke.ciao.

[tio]

hi zusammen,

konnte es lösen... das Problem war sowas von dumm... mein Header hatte Height 210 und hätte aber 260 haben sollen...
so einfach wärs gewesen...

danke trotzdem
ciao.