border ausblenden

[Corraggiouno]

hi,

kann mir jemand einen Tipp, wo mein Fehler in meinem CSS-Code liegt?
Würde gerne den untersten Border bei "Kontakt" ausblenden, aber irgendwie scheint dies nicht zu funktionieren; ist es dann auch noch möglich den Border nicht ganz durchzuziehen, also gewissermaßen so ca. 10px von beiden Seiten abzuziehen
Elektro Schmid

 

[mermshaus]

u#navigation li hat eine höhere Spezifität als .keinborder und überschreibt die Angabe deshalb. Du könntest ul#navigation li.keinborder nutzen.

- http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet

Am Rande: CSS2 - :first-child and :last-child

Was die andere Frage angeht: Das geht meines Wissens mit der border-Eigenschaft nicht. Du könntest höchstens zum Beispiel einem span-Element, das nicht den gesamten Platz ausfüllt, innerhalb des li-Elements den Rahmen setzt.

 

[Corraggiouno]

danke für den Tipp;
hinsichtlich last-child wird doch eigentlich noch nicht von allen Browsern unterstützt uns ist doch Bestandteil von CSS3, oder?

 

[Waffelheld]

last-child ist eine CSS2 Eigenschaft und wird von allen gängigen Browsern und dem IE ab Version 8 unterstützt.

 

[mermshaus]

Das wäre so eine Sache, bei der man mit JS nachhelfen könnte.

- Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8

Damit deckt man die meisten Nutzer ab. Die IE7-Nutzer, die kein JS deaktiviert haben, müssen dann eben mit einem überzähligen Rahmen leben.

Musst du natürlich nicht so machen. Ich wollte nur den Gedankengang vorstellen.