Aufzählungen mit CSS

  • Hallo,

    ich habe ein kleines Problem. Ich hab mir schon die Finger wund gegoogelt, aber entweder habe ich die falschen Suchbegriffe, oder es gibt dazu nichts passendes.

    Ich habe eine Aufzählung mit CSS gemacht.


    Code
    .sidebar ul li {
    list-style: disc;
    vertical-align: top;
    padding: 0;
    margin: 0;
    }


    Jetzt würde ich die Aufzählungspunkte aber gerne rechts von meinem Text stehen haben, ist das möglich? :oops:


    Gruß, El

  • Der IE kann's nicht, deshalb kann ich dir jetzt auch nicht 100% sagen ob es funktioniert. Probier's mal mit der Pseudoklasse "after":

    Code
    li:after{content:"&bull";}


    Vermutlich sind dann die Listenpunkte aber nicht rechtsbündig ausgerichtet, sondern abhängig von der Textlänge. Evtl. mal noch ein "text-align:right;" nehmen.

    http://de.selfhtml.org/css/eigenschaf…tm#before_after

  • Hi,

    ich würde einfach die Aufzählungspunkte als Background-Image in jeden Link einbinden. Das funktioniert auf jeden Fall in allen Browsern.
    Das sieht in etwa so aus (ungetestet):

    .sidebar ul li a {
    display: block;
    background: transparent url(bullet.gif) no-repeat right;
    padding-right BREITEDESBULLETSpx;
    text-align: right;
    }

    Sometimes you have a programming problem and it seems like the best solution is to use regular expressions; now you have two problems.