CSS Navigation (Farben probleme)
 

Hallo, habe auch Sufu benutzt aber hab für mich kein kösung gefunden.

Also ich möchte in Navigation 3 Gruppen haben unzwar so:

Gruppe 1 mit (border-bottom: 3px solid #ff0000;)
Gruppe 1 mit (border-bottom: 3px solid #ff0000;)

Gruppe 2 mit (border-bottom: 3px solid #000;)
Gruppe 2 mit (border-bottom: 3px solid #000;)
usw.

Halt in Navigation wird es 4,5 Gruppen geben und jede Gruppe sollte andere Border-Bottom farbe haben damit mann es merkt, dass die Gruppen getrennt sind.

*Ich kann also für jeder gruppe extra div benutzen (aber dann wird es zu viele code geben)

*Mit .class habe ich auch versucht hinzukriegen aber gings nicht.

Habt ihr paar vorschläge?

Danke im voraus und entschuldige für Sprachprobleme.

Mfg Altug

EDIT: Ich habe gleich mit PS gezeichnet, was ich genau haben will mit Navigation style habe ich keine probleme es geht nur um Farben.

http://www.cillioglu.de/al2/navi.jpg

Was Du möchtest, ist für mich nicht ganz einfach zu verstehen.
Wie sollen die Gruppen angeordnet sein.
Einzelne Menüpunkte, oder aufklappbar?

Zeichnung, Vorstellung?

Gutes Repository: LINK

Hab eine Zeichnung hinzugefügt.

Ok.

Ich hoffe Du bist soweit taff mit html und Css?

Menü machst Du mit <ul>. Das kannst Du wie ein div ansprechen und posizionieren.
Die <li> bekommen display:inline; (für den IE 7 per CC ein display: inline-block;) und entsprechende Abstände.
Für jede Gruppe definierst Du eine Klasse, nit der gewünschten Rahmenlinie.
Diese weist Du dann einfach dem passenden <li> zu.

Super. Ich habe class irgendwie anders geschrieben.. Ich benutze auch

navi ul li a usw.. bei Navigation. jetzt klappt es. Ich bedanke mich für deine Hilfe.

Gerne geschehen.