[css] list item aan rechterkant weergeven

[BetuweKees]

probeer een stylesheet aan te passen op een dusdanige manier dat de list item plaatjes aan de rechterkant worden weergegeven. leek me vrij eenvoudig, maar ik geloof dat ik enigszins bedrogen uit ga komen..

heb inmiddels de css specs doorgebladerd; daar wordt wel gesproken over de mogelijkheid doormiddel van een li:before { display: marker; content: "bla"; } alternatieve posities aangegeven zouden moeten worden maar probleem hiermee is dat dit bij een li:after (rechter kant inmiddels) helemaal fout gaat, zeker als er ook sub-items voorkomen (de li:after wordt dat inmiddels achter die sublist geplaatst..)

heb ook al een beetje geprobeerd met alternatieve display's en float lopen te spelen, maar dat heeft nog niet veel opgeleverd. zelfde geldt voor een zoektochtje over google.

is er wellicht iemand die dit probleem (her)kent me er eventueel een oplossing voor kan leveren?

met een extra divje is het probleem wsch snel opgelost, maar aangezien ik enkel een stylesheet aan het aanpassen ben zou ik graag de oplossing puur css houden..


[edit]
hmm.. zit net nog ff te kloten.. zou ik iets met direction { rtl; } kunnen doen, of is dat heel ranzig? morgen ff testen, nu eerst kijken of me bedje er nog staat

[ Voor 9% gewijzigd door BetuweKees op 26-02-2004 04:35 ]

[André]

Direction { rtl; } is ranzig want je moet dan de letters in je broncode spiegelen.

[Verwijderd]

Cascading Stylesheet:

ul {
    list-style-type:none;
    text-align:right;
    margin:0;
    padding:0;
}

li {
    padding-right:20px;
    background:url(bullet.gif) top right no-repeat;
}

[BetuweKees]

bedankt blues, die werkt perfect!