[TYPO3-german] Bullets mit CSS formatieren

[Marcel Veronetzki]

Ok hier die li CSS Anweisung

#inhalt li
{
		line-height:		21px;
		margin-left:		20px;
		width:				320px;
		margin-bottom:      0px;
		
		list-style-type: none;
     	padding: 0px 0px 0px 1.5em;
     	background-image: url('bgr_bullet.gif');
     	background-repeat: no-repeat;
     	background-position: 0.5em 50%;
}

Durch das, wie eben geschriebene 2 Pixel unterhalb des Bildes anfügen, 
sitzen die Bullets auch in der mitte.
Ist vielleicht etwas unkonventionell, aber es hat den gewünschten Effekt.
Allerdings nur in Verbindung mit Deiner Anweisung Raphael.


Raphael Weber schrieb:
> hallo marcel,
> 
>> Es sitzt nur bei dem Firefox immer noch etwas tief.
>> Kann ich die höhe wirklich nicht irgendwie einstellen ?
> poste doch mal die styleangaben, die auf die li wirken. mir scheint, als 
> hättest du noch irgendwelche innenabstände o.ä. definiert, die den 
> bullet 'verrutschen' lassen.
> mit background-position: 0.5em 50% sollte die grafik in jedem fall 
> vertikal in der mitte der zeile poitioniert sein - egal in welchem browser.
> 
> gruss,
>     raphael
> 


Gruß
Marcel