Zum Inhalt springen

Bulletlist: Wrap um Text innerhalb der LI-Tags

Erstellt am 15. Juli 2010 · 1 Antwort · letzte Antwort am 15. Juli 2010

Tags: HTML & CSS, Frage

torben75hh ·

Hi!
Ich habe in einem RTE-Feld eine Auflistung.

Standard HTML:

<ul>
    <li>Etwas Text</li>
</ul>

Nun würde ich gern um den Text standardmäßig ein Wrap setzten. Ein SPAN am liebsten.
Damit der Code dann so aussieht:

<ul>
    <li><span>Etwas Text</span></li>
</ul>

Dann könnte ich diesen Trick anwenden: http://www.css3.info/lists-to-get-more-decorative/

Hat jemand nen Tipp für mich?

torben75hh ·

Hat sich mittlerweile erledigt. Ich habe es per CSS2 gelöst.
Und für die IEs < 8 einen validen Hack genutzt.

Die es interessiert, hier der CSS-Code:

#content ul li{
	color:#444;
	line-height:1.2em;
	padding:0.2em 0em 0.4em 0em;
	list-style:none;
}

#content ul li:before{
	content: "\00BB \0020";
	color:#009fe1;
	margin:0em 0em 0em -0.85em;
}

/* Browserhack for IE6 and IE7 to show the default list bullets */
* html #content ul li, *+html #content ul li{
	list-style:disc;
}