zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden list-style-image vertikal positionieren?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.03.2007, 14:08
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 06.01.2005
Beiträge: 151
derdiedas befindet sich auf einem aufstrebenden Ast
Standard 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)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.03.2007, 14:59
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von derdiedas Beitrag anzeigen
welchen Weg würdet ihr gehen, um am einfachsten eine Listengrafik (list-style-image) vertikal zu positionieren?
Gar keinen. Wegen der von Dir genannten Probleme mit der unterschiedlichen Darstellung durch die verschiedenen Browser bevorzuge ich die Einbindung der Grafik als background-image mit top-Position in em (wegen Textvergrößerung).
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.03.2007, 15:11
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 06.01.2005
Beiträge: 151
derdiedas befindet sich auf einem aufstrebenden Ast
Standard

Gute Idee, danke.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:48 Uhr.