|
|
Igotcha
: 23.04.2010
: 111
|
| : 09.09.2010, 19:03 : Liste mit Grafik-Bullet und vertikale Textausrichtung |
|
|
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: |
ul.ok {
list-style-image: url(images/ok_button.png);
margin-left: 30px;
}
li.ok {
font-family: Verdana, Arial, sans-serif; font-size: 14px;
text-align: top;
} |
Grüße
Igotcha
http://BBQTop.de - Barbecue Gewürze, Rubs und Zubehör | ArticleSpinningWizard 2 Deutscher Text Spinner mit Online Wörterbuch | SCRAPEBOX Master Guide (deutsch) |
|
| Nach oben |
|
 |
e-fee
: 08.05.2007
: 3341
|
| : 09.09.2010, 21:25 : Liste mit Grafik-Bullet und vertikale Textausrichtung |
|
|
| mal line-height versucht? |
|
| Nach oben |
|
|
chris21
: 10.04.2005
: 2079
|
|
| Nach oben |
|
|
Igotcha
: 23.04.2010
: 111
|
| : 10.09.2010, 01:04 : Liste mit Grafik-Bullet und vertikale Textausrichtung |
|
|
| chris21 hat Folgendes geschrieben: |
| http://www.css4you.de/Texteigenschaften/vertical-align.html |
Hab ich alles schon durch, deshalb bin ich ja etwas ratlos...
Könnt ihr hier auf der Seite sehen: http://grillgewürze.de
http://BBQTop.de - Barbecue Gewürze, Rubs und Zubehör | ArticleSpinningWizard 2 Deutscher Text Spinner mit Online Wörterbuch | SCRAPEBOX Master Guide (deutsch) |
|
| Nach oben |
|
|
mano_negra
: 23.07.2009
: 2770
: la luna
|
| : 10.09.2010, 02:49 : Liste mit Grafik-Bullet und vertikale Textausrichtung |
|
|
dann musst du das anders machen:
etwa so könnte es gehen:
| Code: |
ul.ok {
list-style-type:none;
} |
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. |
|
| Nach oben |
|
|
![[B] Deutsche qualität + slowakische Preise (SEO, Grafik)](/foren/templates/DesertStorm/images/folder_lock.gif)
![[B] Deutsche qualität + slowakische Preise (SEO, Grafik)](/foren/templates/DesertStorm/images/icon_latest_reply.gif){kind=icon}
