{NAV_HORIZ_DD:ID,Ebenentiefe} (NAVi HORIZontal Drop Down)

[flip-flop]

#pmenu, #pmenu ul {
padding: 0;
margin: 0;
list-style-type: none;
}

[update]

Aha! geht doch

[fussle]

Ahhh jippee, jetzt gehts. Hatte die falsche .css ausgewählt.

Nur zwei kleine Probleme noch:

1. Am Ende der Navibar fehlt der weiße Rand und vorn ist es um ca 2 Pixel eingerückt?
2. Wie kann ich die Bar auf 40 Pixel Höhe ändern?

[flip-flop]

Einrückung:

#menu_container {
margin: 0px 0 100px 0px;
......

Übrigens ist die Reihenfolge von CSS-Anweisungen häufig entscheidend. Einfach an das Ende der Datei setzen bringt nicht immer den gewünschten Erfolg. (Der letzte Gewinnt immer das Spiel).
Höhe: Versuche es hiermit line-height: 38px;

1. Am Ende der Navibar fehlt der weiße Rand .....?

Steht alles in meinem oberen Posting.

Knut

[fussle]

Danke >>> http://www.vitalzentrum-bad-schandau.de/index.php

[fussle]

;( Ich hab doch noch ein paar Probleme:

1. Wenn ich die Höhe auf 38 Pixel ändere, wo muss ich dann den Einsatzpunkt für die Untermenüs ändern?
2. Ich bekomme die weiße Linie am Ende nicht hin.
3. Wenn ich eine Schaltfläche betätige, bekomme ich ein kleines Dreieck angezeigt. Wo kann ich das ausschalten?

Danke für die Hilfe.

[fussle]

Könnt Ihr mir bitte weiterhelfen?

[update]

Um das mal hier abzukürzen:

Code: Select all

#pmenu, #pmenu ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
}

#pmenu a, #pmenu a:visited {
   display: block;
   width: 179px;
   .....

#pmenu li a.horiz_enclose, #pmenu li a.horiz_enclose:visited {
   border-width: 1px 0px 1px 1px;
}
#pmenu ul li a.horiz_enclose, #pmenu ul li a.horiz_enclose:visited {
   border-width: 1px;
}

Die Klasse horiz_enclose wird eigentlich für die Unterebenen verwendet um den Rahmen zu schließen, denn in der ersten Ebene darf der Rahmen nur im letzten Element geschlossen werden. Und das bedeutet 5x(179 + 1xborder)=900 + 1 =901
Deshalb springt die Navi um, da der letzte Rahmen geschlossen wird.
Diese Navi ist so hoch komprimiert, da bleibt kaum Spielraum für Extravaganzen. (Wenn der letzte Rahmen offen bleibt, passt es natürlich - wie oben gezeigt).
Dieses Verhalten zeigt sich bei jeder horizontalen CSS-Navigation die ohne bg-Grafiken arbeitet und den einseitigen border zur Abgrenzung verwendet.

@fussle: Kann man mit ein bisschen CSS-Verständnis auch drauf kommen. Einfach mal rechnen und in den erzeugten Quelltext schauen.
Eine andere Variante wäre das letzt Bild mit 181px einzusetzen und das Layout auf 901px zu strecken.

Knut

[update]

Code: Select all

#menu_container {
   margin: 0px 0 100px 0px; 
   position: relative;
   width: 900px;
   height: 23px;      /* ORG 20px */
   z-index: 1000;
   border-right:1px solid #ffffff;
}

So könnte das mit dem weissen Rand klappen...

1. Wenn ich die Höhe auf 38 Pixel ändere, wo muss ich dann den Einsatzpunkt für die Untermenüs ändern?

38px - was denn, die Menüzeile? Hab ich doch eben auf 23 verkleinert - von 40px...

3. Wenn ich eine Schaltfläche betätige, bekomme ich ein kleines Dreieck angezeigt. Wo kann ich das ausschalten?

Code: Select all

* KH: Active Path output */
/* KH: Ausgabe des aktiven Pfads */
#pmenu li.act_path {
   background:#4161AF url(../../img/symbols/klapp_auf.gif) no-repeat 105px center;
/*   background:#cccccc url(../../img/article/navi/drop.gif) no-repeat right center;
   */

Da liegt der Hase im Pfeffer!

[fussle]

Fein fein, es geht Dankesehr

[fussle]

;( Ich muss schon wieder nerven. Die Menüleiste funktioniert jetzt wunderbar. Nur rückt der Hauptblock nicht mehr bis an das Menü heran...

Siehe hier: http://www.vitalzentrum-bad-schandau.de/index.phtml

[flip-flop]

Hi,

du scheinst dich mit der Steuerung des Menüs (CSS) irgendwie nicht auseinanderzusetzen.
Tip: Das Geheimnis liegt hier versteckt: ma .......

#menu_container {
margin: 0px 0 100px 0px;
position: relative;
width: 900px;
height: 21px; /* ORG 20px */
z-index: 1000;
border-right:1px solid #ffffff;
}

Knut

[fussle]

Danke für den Tipp. Selbst wenn ich es auf 0 setze, ist der Abstand riesig.

[flip-flop]

Nur rückt der Hauptblock nicht mehr bis an das Menü heran...

Das hat mit dem Menü absolut nichts zu tun. Überprüfe bitte die dazwischenliegenden Höhen. Außerdem generierst du eine Linie mit <hr>, hier gehen schon, je nach Browser, 10-20px verloren.

[Crypted]

Wie bekomm ich es hin das der angeklickte Button eine andere Hintergrundfarbe bekommt. Ich find da nix.

z.B. sowas, aber das geht leider nicht.

Code: Select all

	#pmenu li:visited {
		background: #5999C8;
	}

[/i]
Gruss

Crypted