zotte: <li> Ausrichtung einer eigenen Bullet-Grafik

SELF-Forum

<li> Ausrichtung einer eigenen Bullet-Grafik

zotte
– Informationen zu den Bewertungsregeln

Hallo zusammen,

ich verwende für Auflistungsblöcke die CSS-Angabe <li style="list-style: square url(xyz.gif); ">hallo</li>. Dabei wird die Aufzählungsgrafik aber immer nach am oberen Schriftrand ausgerichtet. Ich möchte es aber gerne mittig ausgerichtet haben.

Habe es auch schon mit "vertical-align:middle;" probiert, funktioniert anscheinend aber nicht bei eigenen Grafiken.

Hoffe auf Eure Hilfe.

Danke und Gruß,
zotte

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. <li> Ausrichtung einer eigenen Bullet-Grafik

    Marc Reichelt Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi!

    Bei Grafiken heißt es ja auch align="middle" ...

    --> Siehe W3C

    cu

    Marc Reichelt || http://www.marcreichelt.de/

    --
    Linux is like a wigwam - no windows, no gates and an Apache inside!!!
    SELFCode: ss:| zu:) ls:[ fo:} de:[ va:} ch:? sh:) n4:° rl:? br:^ js:( ie:% fl:) mo:)
    http://emmanuel.dammerer.at/selfcode.html
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. <li> Ausrichtung einer eigenen Bullet-Grafik

      Tim Tepaße Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hallo Marc,

      Bei Grafiken heißt es ja auch align="middle" ...
      --> Siehe W3C

      Komm schon. So ein Stuß ist man doch von Dir nicht gewohnt. Wie willst Du
      ein in CSS generiertes Element mit einem alten HTML-Attribut formatieren?

      Hallo Zotte,

      es gibt im Moment in CSS keine Möglichkeit, die von Listen automatisch
      generierten Markerboxen zu formatieren. Eine Möglichkeit ist es, auf
      diese automatisch (vom Browserstylesheet) generierten Boxen zu verzichten
      und eigene Markerboxen zu generieren, bei denen man dann etwas mehr
      Möglichkeiten an Formatierung hat. Etwa wie in dem ersten Beispiel
      in CSS 2 Empfehlung angegeben:

      Original: http://www.w3.org/TR/REC-CSS2/generate.html#q11
        Übersetzung: http://edition-w3c.de/TR/1998/REC-CSS2-19980512/kap12.html#heading-12.6�

      Allerdings benutzt diese Lösung das Pseudoelement :before, womit einige
      Browser ihre Schwierigkeiten haben, namentlich der Lausebrowser auf dem
      Hause Microsoft. Also ist es leider recht unbenutzbar in der Praxis.

      In CSS 3 wird den Markerboxen übrigens ein eigenes Pseudoelement namens
      ::marker zugewiesen. Dann sollte man noch mehr Möglichkeiten zur Formatierung
      (z.B. padding) haben. Dann ist aber wahrscheinlich erst in 5 Jahren oder so.
      Leider.

      Also muß ich Dir schweren Herzens zu der Lösung von dem unbekannten
      Kerlchen namens "Hi Zotte" raten, da diese am praktikabelsten in
      der jetztigen Realität ist.

      • Tim
      --
      tft-bm: Marker Listen
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. <li> Ausrichtung einer eigenen Bullet-Grafik

        Marc Reichelt Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hi!

        Hallo Marc,

        Bei Grafiken heißt es ja auch align="middle" ...
        --> Siehe W3C

        Komm schon. So ein Stuß ist man doch von Dir nicht gewohnt. Wie willst Du
        ein in CSS generiertes Element mit einem alten HTML-Attribut formatieren?

        Gar nicht!

        Aber falls das Attribut in HTML so heißt, kann es gut sein dass der entsprechende CSS-Ausdruck auch anders lautet. Logisch! :-D

        cu

        Marc Reichelt || http://www.marcreichelt.de/

        --
        Linux is like a wigwam - no windows, no gates and an Apache inside!!!
        SELFCode: ss:| zu:) ls:[ fo:} de:[ va:} ch:? sh:) n4:° rl:? br:^ js:( ie:% fl:) mo:)
        http://emmanuel.dammerer.at/selfcode.html
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  2. <li> Ausrichtung einer eigenen Bullet-Grafik

    Hi zotte
    – Informationen zu den Bewertungsregeln

    Hi zotte,
    ich mache die Grafik etwas höher und lasse den oberen Teil transparent. So "wandert" der sichtbare Teil der Grafik nach unten.

    Gruß
    Thomas
    http://www.css4you.pehlgrim.de/

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln