Liste mit Grafik-Bullet und vertikale Textausrichtung

Beitrag von **Igotcha** » 09.09.2010, 18:03

Hallo zusammen,

ich habe eine liste (ul), wo ich den Aufzählungspunkt mit einer Grafik ersetzt habe. Diese Grafik ist 25 Punkte hoch.

Jetzt würde ich gerne den Text der List-Elemente oben oder mittig an dieser Aufzählungsgrafik ausrichten - bekomme ich aber nicht hin. Der Text wird immer am unteren Rand der Grafik begonnen.

Habe auch schon mit text-align rumgespielt, aber das bringt nichts.

Code: Alles auswählen

ul.ok &#123;                          
   list-style-image&#58; url&#40;images/ok_button.png&#41;;
   margin-left&#58; 30px;
   
&#125;

li.ok &#123;
		font-family&#58; Verdana, Arial, sans-serif; font-size&#58; 14px;
		text-align&#58; top;
&#125;

Grüße
Igotcha

von **Anzeige von ABAKUS** »

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002

persönliche Betreuung
individuelle Beratung
kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.

Beitrag von **e-fee** » 09.09.2010, 20:25

mal line-height versucht?

Beitrag von **chris21** » 09.09.2010, 23:17

https://www.css4you.de/Texteigenschafte ... align.html

Beitrag von **Igotcha** » 10.09.2010, 00:04

chris21 hat geschrieben:https://www.css4you.de/Texteigenschafte ... align.html

Hab ich alles schon durch, deshalb bin ich ja etwas ratlos...

Könnt ihr hier auf der Seite sehen: https://grillgewürze.de

Beitrag von **mano_negra** » 10.09.2010, 01:49

dann musst du das anders machen:
etwa so könnte es gehen:

Code: Alles auswählen

ul.ok &#123;                         
   list-style-type&#58;none;
&#125;

und li.ok gibst du die grafik als background und verwendest line-height mit höhe der grafik und padding-left mit breite der grafik plus abstand.
und um die zeilen eventuell auseinanderzuhalten margin-top.