List Problem (XHTML/CSS)

[cenk]

Hi,

Ich hab' ein problem mit meiner List. Als Bullet hab' ich eine eigene Grafik eingesetzt, und ich möchte diese weiter unten anbringen.

Momentan sieht es so aus:

Ich hätte es aber gerne so:

Der Code dazu ist:

<ul id="navlist">
<li>Test</li>
</ul>

#navlist { 
list-style-position: inside; 
color: white; 
list-style-type: none; 
list-style-image: url(images/haken2.png);  
float: left; margin-left: 25px;}

Weiß einer von euch, wie ich das erreichen kann? Ich bin um jeden Tipp dankbar!

Grüße,
Cenk

 

[ZIG-ZAG]

Könntest es mal mit line-height probieren. Obwohl, ich glaube nicht das es funktioniert. Das Einfachste wäre wohl die Grafik anzupassen, oder?

 

[cenk]

Hi,

Ne, line-height isses nicht.

Wenn ich die Grafik nach oben vergrößere:

Wenn ich sie nach unten vergrößere:

 

[crossinger]

spontan fiel mir sowas ein:

vertical-align:middle

o.ä.

Aber das wird vermutlich alle Elemente (also auch die Grafik) betreffen.

*J*

 

[cenk]

Hat sich erledigt, hab' das jetzt so gelöst:

#navlist{
				
					margin-left: 0;
					padding-left: 20px;               
					line-height: 39px;
					list-style: none;
					float: left;
					color: white; 
}
		
		
	
					
#navlist li {
					
					padding-left: 45px;
					background-image: url(images/haken.png);
					background-repeat: no-repeat;
				
}

Trotzdem Danke

 

[dahui]

das zauberwort wäre background-position gewesen damit kannst du deinen haken genau dahin setzen wo du willst, auch ohne line-height