[TYPO3-german] Bullets mit CSS formatieren

JoH asenau info at cybercraft.de
Wed Mar 28 14:47:10 CEST 2007


>> CSS lässt auch die direkte Methode mit
>>
>> list-style-image: url("http://png.com/ellipse.png")
>>
>> zu. Kommentar der CSS-Bibel
> ist schon klar, das weiss ich. marcels problem ist aber, dass die
> (vertikale) position der bullets in den browsern unterschiedlich ist.
> und sowas wie 'list-style-image-position' gibts nicht und ich wüsste
> auch nicht, dass es eine möglichkeit gibt per CSS den bullet direkt zu
> formatieren. daher empfehle ich in so einem fall den workaround mit
> background-image. sieht in jedem fall sauber aus, hat aber auf den von
> christian angesprochenen nachteil, dass hintergrundbilder in den
> standardeinstellungen einiger browser nicht gedruckt werden.

Üblicherweise gibt es bei der Positionierung von bullets keine
Crossbrowser-Problematik. Sie werden bezogen auf das dazugehörige <li> in
der Regel linksbündig und veritkal mittig angezeigt.
Sollte das Ergebnis dennoch davon abweichen, dürfte das daran liegen, daß
innerhalb der <li> Tags weitere Tags wie z.B. ein <a> enthalten sind.
Die Kunst liegt also nicht darin, die bullets korrekt zu positionieren,
sondern die Box des darin enthaltenen Tags.

Ein kurzer Ausschnitt aus dem erzeugten HTML-Code sowie des dazugehörigen
Abschnitts im CSS wären vielleicht ganz hilfreich.

Joey

-- 
Wenn man keine Ahnung hat: Einfach mal Fresse halten!
(If you have no clues: simply shut your gob sometimes!)
Dieter Nuhr, German comedian
openBC/Xing: http://www.cybercraft.de
T3 cookbook: http://www.typo3experts.com




More information about the TYPO3-german mailing list