Eigenes Aufzählungszeichen

[dey]

Hallo,

Hallo zusammen :o)

ich möchte gerne ein eigenes Aufzählungszeichen für Listen benutzen.
Da ich dafür kein Bild benutzen möchte und dabei auch auf Tabellen verzichten möchte, habe ich etwas mit CSS rumgespielt:

<div class="rowl">~~</div>
<div class="rowr">Viel Text, damit es einen Zeilenumbruch gibt. Hier sollte das ja dann eingerückt sein, wie als würde das Aufzählungszeichen in einer eigenen Spalte stehen</div>

mit folgenden CSS-Angaben funktioniert es nicht, wie es ja auch im SelfHTMl beschrieben wurde:

.rowl {
float:left;
}

.rowr {
}

Gebe ich jetzt der rowl einen border funktioniert es wie gewünscht. Warum? Ist dann das Element zu groß um den Umbruch zu machen?

Ich denke der Rahmen begrenzt deine rowl eindeutiger als ohne

Ich verstehe es nicht ganz und weiss nun nicht, ob ich es so einsetzen kann (ich kann den Rahmen ja in der Hintergrundfarbe machen...)

so, wie es bei dir aussieht fehlt da was. wenn du <li> simulieren willst musst due dir über die zerlegte struktur im klaren und die in etwa wie folgt aus
<div class="li" style="overflow:auto">
<span class="anführungszeichen" height="100%" width="?">~~</span>
<span class="inhalt" height="100%" width="?">text</span>
</div>

ich denke das könnte auch ohne Rahmen funktionieren

bydey