|
|||
list-style-image vertikal positionieren?
Hallo,
welchen Weg würdet ihr gehen, um am einfachsten eine Listengrafik (list-style-image) vertikal zu positionieren? Im IE und Opera positioniert es die Grafik ja in der ersten Textzeile der li oben, im Firefox eher mittig. Ich könnte per height und vertical-align:middle; die li vertikal zur Bulletgrafik positionieren, wenn ich die (fixe) height vorab wüsste. Aber bei mir können hier von einer Textzeile bis mehrzeilig die li "befüllt" werden, somit scheidet diese Methode wohl aus, oder? Vorschläge? ### <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" > <head> <title>Bulletgrafik positionieren</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css" media="screen, projection"> * {margin:0; padding:0;} body{ font:14px/20px verdana, sans-serif; } ul {width:300px; margin:0 0 0 300px;;} li { list-style-image:url(bullet.png); margin:14px 0 0 0; } </style> </head> <body> <ul> <li>Einzeilig - hier steht Blindtext, einzeilig.</li> <li>Mehrzeilig - hier steht Blindtext, mehrzeilig. Mehrzeilig - hier steht Blindtext, mehrzeilig. Mehrzeilig - hier steht Blindtext, mehrzeilig. </li> </ul> </body></html> ### Geändert von derdiedas (05.03.2007 um 14:13 Uhr) |
Sponsored Links |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hover mit BG Image positionieren | Ben. | CSS | 3 | 02.02.2011 14:13 |
Wie eine Grafik in einer Zeile vertikal mittig positionieren? | bogazci | CSS | 5 | 02.10.2010 21:05 |
Imagemap Zugriff bei einer Gallery | Sarah14 | Javascript & Ajax | 3 | 12.11.2007 15:06 |
text vertikal mittig positionieren | tofu | CSS | 2 | 28.01.2004 10:46 |