border-spacing

[JimiJones]

Haallo zusammen,
ich hab mit <ul> und <li> ein kleines horizontaales Menü genaaut.
Jetzt wollte ich mit Hilfe von "border-spacing" die Abstände fest anpassen.
Leider passiert hier nichts.

Mein CSS-Code:

#menu li.collapsed a:link {
border: 1px outset #000;
border-spacing: 10px 10px;
baackground-color: #FFF;
padding: 2px 5px 2px 5px;
}

Daanke für die Hilfe

 

[JimiJones]

Achja ganz wichtig....wie kann ich noch in diesem Fall die Border-Länge jedes einzelnen Menüpunktes gleich lang gestalten?

 

[_Thor_]

border-spacing funktioniert nur bei Tabellen, Abstände für andere Elemente macht man mit margin (Aussenabstand) und padding (Innenabstand).

 

[JimiJones]

Und wie bekomme ich die BBorder-Länge jedes Menüpunktes immer gleich lange?

 

[Efchen]

Für borders gibt es keine Länge.
Da muss dann das Element die gewünschte Länge haben.

 

[JimiJones]

Und das mache ich mit width oder? falls ja,wäre das mist, weil sich da garnix ändert!!!

 

[_Thor_]

Wie hast du die Listenelemente denn nebeneinander bekommen? Mit display: inline oder mit float: left?

Inline-Elementen kann man keine Breite geben, es sollten also Blockelemente sein, dann klappts auch mit der Breite.

 

[JimiJones]

Mit display:inline......es müssen aber inline-elemente sein....muss horizontal angeordnet werden

 

[Efchen]

Um Elemente horizontal anzuordnen, müssen sie keine Inline-Elemente sein. S. _Thor_