List Problem (XHTML/CSS)

cenk

Alkmene
Registriert
31.12.06
Beiträge
35
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:

bild1cv4.jpg



Ich hätte es aber gerne so:

bild3ju0.jpg



Der Code dazu ist:


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


Code:
#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

Finkenwerder Herbstprinz
Registriert
10.10.07
Beiträge
469
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

Alkmene
Registriert
31.12.06
Beiträge
35
Hi,

Ne, line-height isses nicht.

Wenn ich die Grafik nach oben vergrößere:
bild4ug6.jpg


Wenn ich sie nach unten vergrößere:

bild5pl0.jpg
 

crossinger

Doppelter Melonenapfel
Registriert
30.07.06
Beiträge
3.369
spontan fiel mir sowas ein:

Code:
vertical-align:middle
o.ä.

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

*J*
 

cenk

Alkmene
Registriert
31.12.06
Beiträge
35
Hat sich erledigt, hab' das jetzt so gelöst:

Code:
#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 :D
 

dahui

Carmeliter-Renette
Registriert
22.10.06
Beiträge
3.303
das zauberwort wäre background-position gewesen ;) damit kannst du deinen haken genau dahin setzen wo du willst, auch ohne line-height