[TYPO3-german] Bullets mit CSS formatieren

["Kitsunet (Christian Müller)"]

Raphael Weber wrote:
> hallo marcel,
> 
>> meine Frage ist ob es eine möglichkeit gibt, Bullets mit CSS zu
>> formatieren.
> 100% sicher bin ich mir auch nicht - ich glaube aber, das geht nicht so
> ohne weiteres.
> 
>> Und zwar habe ich eine Liste auf der Seite die mit Bullets vor jedem
>> einzelnen Punkt ist.
>> Diese Bullets werden über ein Gif erzeugt das ich per CSS eingebunden
>> habe.
>> Das Problem ist jetzt aber das die Bullets im Firefox 2.0.0.3 zu tief
> ich löse das so, dass ich die bullet-grafik einfach als hintergrund-bild
> formatiere. z.b.:
> 
> li {
>     list-style-type: none;
>     padding: 0px 0px 0px 1.5em;
>     background-image: url(../lib/bullet_pfeil.png);
>     background-repeat: no-repeat;
>     background-position: 0.5em 50%;
> }
> 
> hoffe, das hilft dir weiter.
> 
> gruss,
>     raphael
> 
> 


Also du kannst folgende Bullets direkt mit CSS erzeugen (am besten mal
probieren, damit du ne Vorstellung hast):

disc = für ul-Listen: gefüllter Kreis als Bullet-Zeichen
circle = für ul-Listen: leerer Kreis als Bullet-Zeichen
square = für ul-Listen: rechteckiges Bullet-Zeichen
none = kein Bullet-Zeichen, keine Nummerierung

also dann immer mit:
list-style-type:

Ansonsten ist der Ansatz mit dem padding der li's herum zuspielen sicher
schon richtig. Als background ist zwar elegant, geht aber beim drucken
verloren, weil die meisten keine Hintergründe ausdrucken...

Grüße

Christian
______________________________

KitsuNet

Mail: info at kitsunet.de
Fon: +49 (0)2222-9623307
Fax: +49 (0)180-50390004790
Mobil: +49(0)176-21765770
______________________________