Bullet image

[Hag]

Hallo zusammen, hab da ein kleines Problem. Ich möchte in CSS ein Menü erstellen aus einer Liste. Dies funktioniert auch anstandslos. Wenn ich aber nun Bullet Images für die Listeneinträge erstelle, funktioniert das inline Ellement nicht mehr.
Villeicht weis ja jemand nen Rat

mfg

Hag

<div id="mainnav">
		<ul>
			<li style="list-style-image:url(layout/bi_home.png)"><a href="#">Home</a></li>
			<li style="list-style-image:url(layout/bi_vita.png)"><a href="#">Vita</a></li>
			<li style="list-style-image:url(layout/bi_portdolio.png)"><a href="#">Portfolio</a></li>
			<li style="list-style-image:url(layout/bi_kontakt.png)"><a href="#">Kontakt</a></li>
			<li style="list-style-image:url(layout/bi_impressum.png)"><a href="#">Impressum</a></li>
		</ul>
	</div>

        #mainnav li
	{
	display: inline;
	padding: 0 40px;
	}
	
	#mainnav li a
	{
	text-decoration: none;
	color: #5F9410;
	}
	
	#mainnav li a:hover
	{
	text-decoration: none;
	color:#ff0000;
	}

 

[freso]

was du noch ausprobieren könntest, anstatt inline:

#mainnav li
{
float: left;
}

 

[Hag]

hey danke, werd ich sofort mal ausprobieren.

mfg

Hag

 

[Hag]

Danke, hat funktioniert

mfg

Hag

 

[freso]

bitteschön