Horizontale Navi: Breite definieren

[Hansi05]

Hallo,

ich hab nach der Anleitung von SelfHTML eine horizontale Navi gebaut, damit ich endlich mal eine hab die mit wenig Javascript auskommt und sowohl im IE als auch im FF ordentlich aussieht.

Ich hab nur ein Problem bei der Größe der ausgklappten Listen, kann mir jmd helfen, wie ich da die Größe extra anpassen kann, die ist nämlich viel zu breit (4px wegen Rahmen)

Hier mal der Link:
http://dntm.de/test/navigation.htm
Codes könnt ihr euch ja da raussuchen ... Ist jetzt aber nur auf den FF angepasst, den IE Code hab ich weggelassen ...

 

[michaelglock]

AW: Horizontale Navi: Breite definieren

Übrigens bleiben bei mir die Dropdowns auch nicht immer offen, wenn ich auf sie raufgehen will mit der Maus. Keine Ahnung ob du das schon weißt ;-)
Bei dem Rest muss dir wer anderes helfen.

 

[Flosse]

AW: Horizontale Navi: Breite definieren

In der CSS-Datei ist nur einmal eine Breite angegeben:
width:151px; die musst Du verkleinern.

Dir fehlt noch eine Ebene, die Deine Untermenüs auch offen hält,
sonst kann man keinen Link anklicken.

 

[Hansi05]

AW: Horizontale Navi: Breite definieren

Oh, danke, wäre nicht schlecht wenn mir das auch noch jmd erklären könnte, bei SeflfHTML ist das nicht so, mir ist nur nicht ersichtlich welcher Wert dafür zuständig ist

Hier mal der Link:

 

[Hansi05]

AW: Horizontale Navi: Breite definieren

In der CSS-Datei ist nur einmal eine Breite angegeben:
width:151px; die musst Du verkleinern.

Dir fehlt noch eine Ebene, die Deine Untermenüs auch offen hält,
sonst kann man keinen Link anklicken.

Wenn ich die verkleinere, verkleinert sich alles, also auch oben die wo man drüber fährt, und die sind von der Größe her aber perfekt.

Und wie füg ich die ein?

 

[JayPi]

AW: Horizontale Navi: Breite definieren

In der CSS-Datei ist nur einmal eine Breite angegeben:
width:151px; die musst Du verkleinern.

Nein, es wird noch ein zweites Mal eine Breite angegeben, einmal für die Links in der oberen Ebene des Menüs und einmal für die Links der Untermenüs.

Du musst die CSS-Regel

ul.Navigation a {[INDENT]display:block;
border:2px solid #c20a12;
background-color:#ebee98;
text-decoration:none;
width:151px;[/INDENT]}

folgendermaßen abändern:

[B]ul#Navigation_home [/B]ul.Navigation a {[INDENT]display:block;
border:2px solid #c20a12;
background-color:#ebee98;
text-decoration:none;
width:[B]147[/B]px;[/INDENT]}

Die Veränderung des Selektors in der ersten Zeile ist nötig, damit diese Regel die andere Regel überschreibt, da sie dadurch die speziellere ist. Und von der Breite musste einfach nur die 4px Rahmendicke abziehen.

 

[moviehank]

AW: Horizontale Navi: Breite definieren

Also ich würde dir jetzt dieses TuT empfehelen
Basic-Designs.de - webSPELL Free Templates - Free Enterpages - Free Playersheets - Artikel Dropdown Navi mit Bildern oder das mit transparenten layout
Basic-Designs.de - webSPELL Free Templates - Free Enterpages - Free Playersheets - Artikel Drop Down Menu- transparent vielleicht kannst da mit was anfangen ansonten mal beschei sagen dann mach ich dir des lg

 

[Hansi05]

AW: Horizontale Navi: Breite definieren

@JayPi: Das Funkt leider nicht, da macht der mir aus der Horizontalen Anordnung eine Vertikale

@moviehank: Die Variante ist nicht so mein Fall, würde die von Selfhtml gerne behalten. Trotzdem danke.