Gunnar Bittersmann: für Listen Bindestrich als Aufzählungszeichen

Beitrag lesen

Hello out there!

Also ich möchte die Listeneinträge unterstrichen, deswegen hab ich das mit css auch so formatiert. Nur möchte ich eben die Bindestriche nicht unterstrichen.

Bindestrich '-' U+002D? Ich würde den längeren Gedankenstrich einsetzen, gefolgt von einem geschützten Leerzeichen:

li:before  
{  
  content: "\2013\A0";  
}

Für eben dieses Pseudoelement musst du die Unterstreichung wieder rückgängig machen:

li:before  
{  
  content: "\2013\A0";  
  text-decoration: none;  
}

Wie du siehst, ist sie immer noch vorhanden. 'li:before' wird zwar nicht unterstrichen, aber die Unterstreichung des 'li'-Elements geht bis ganz vorne; 'li:before' ist ja transparent. [CSS2 §14.2.1]

Die Unterstreichung kannst du also überdecken, wenn du 'li:before' einen nichttransparenten Hintergrund verpasst:

li:before  
{  
  background: white;  
  content: "\2013\A0";  
  text-decoration: none;  
}

See ya up the road,
Gunnar

--
„Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)