[TYPO3-UG Freiburg] ul-li Liste anständig formatieren unmöglich?

Benjamin Keil benjamecho at googlemail.com
Fri Sep 21 11:40:46 CEST 2007


Hallo,

> http://typo3.hostingkunde.de/gesundzuhause/index.php?id=57

danke für den Link. Im Internet-Explorer sind die Punkte leider  
angeschnitten und die Abstände funktionieren auch nicht mit jeder  
Schriftgröße. Auf's wesentliche reduziert sieht der Code dann so aus:

ul.nav {
	margin:10px 0 0 15px;
	padding:0;
}
ul.nav li{
	line-height:13px;
	list-style-image:url(../images/dot.gif);
	margin-bottom:8px;
}

Der Unterschied zu Nicos Ansatz ist, dass margin statt padding  
verwendet wird. Das verhält sich allerdings ähnlich. Das  
grundsätzliche Problem ist, dass man den Abstand zwischen Punkt und  
Text nicht beeinflussen kann. Ich bin momentan echt der Ansicht, dass  
ein Hintergrundbild eines li-Elementes den Punkt genauer  
positioniert, als alles andere und das bei flexiblen Schriftgrößen.  
Der Vorteil Deines individuellen Hintergrundbildes ist sicherlich die  
Einheitlichkeit in allen Browsern und dass er dann auch nicht in  
manchen Browsern mit der Schriftgöße wächst. Den IE bekommt man  
anscheinend sowieso nicht dazu, den Punkt proportional wachsen zu  
lassen, daher dann lieber bei allen eine fixe Größe.

Das ursprüngliche Problem bei einem Kundenprojekt habe ich bereits  
mit Hintergrundbild gelöst, aber falls Ihr möchtet können wir gerne  
noch gemeinsam an einer allgemeingültigen Lösung "forschen".

Es ist echt einfacher eine ul-li-Liste für ein ausklappbares Menü zu  
formatieren, anstatt für das, wofür sie urspünglicherweise gedacht  
ist: Punklisten :-(

Grüße
Ben

--
http://www.keilblock.com



More information about the TYPO3-UG-Freiburg mailing list