spacers komen niet te voorschijn in menu

[g3x123]

Hey allemaal,

ik ben bezig met een menu'tje te maken voor een website, maar om de een of andere manier komt mijn spacer er niet tussen te staan...
hier is de css van mijn menu:

#menu{
	width:500px;
	position:absolute;
	margin-top:44px;
	margin-left:250px;
	height:10px;
	float:right;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style-image:url('../images/spacer.png');
}
#menu ul li{
	display:inline;
}

#menu ul li a {
	float: left;
	color:#363636;
	display: block;
	font-size: 14px;
	width: auto;
	padding: 15px 10px 0 10px;
	margin-right: 30px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding-bottom:25px;
	height:0px;
	padding-top:10px;
}

#menu ul li a:hover, #menu ul .current {
	color: #FFF;
	background-color:#35c1a2;
	padding-bottom:25px;
	height:0px;
	padding-top:10px;
}

en hier is mijn html menu code:

<div id="menu">
				<ul>
                <li><a href="index.html" class="current">Home</a></li>
                <li><a href="#">Test</a></li>
				<li><a href="test">lol</a></li>
				<li><a href="#">Test</a></li>
			</ul>
			</div>

zo ziet het eruit:

zo zou het er moeten uitzien:


mappenstructuur:


iemand die mij kan helpen ?

thanks alvast!

 

[hoogteijling]

list-style-image:url('../images/spacer.png');
Moet je niet de dubbele punt weglaten ?

Groeten Marcel

 

[g3x123]

neen..=(

 

[hoogteijling]

Probeer het plaatje (spacer) eens in dezelfde map te zetten.
Of een ander plaatje als spacer bij wijze van test.

Groeten Marcel

 

[g3x123]

doet het helaas ook niet =(?

 

[Tha Devil]

@g3x123: Wanneer je direct reageert op het vorige bericht is het niet nodig deze te quote, gebruik dan de "Reageer op vraag"-knop

 

[g3x123]

sorry tha devil !

 

[rolfohtar]

Allereerst, het werkt niet om de spacer op het ul element te plaatsen, dit is je hele menu. Je kunt deze veel beter plaatsen op het li a element.

#menu ul li a {
 background: url("../images/bg-sep.png") no-repeat scroll right center transparent;
}

Dan komt je spacer na elk menu item te staan. Daarna is het even kijken welke height, width en padding je moet gaan gebruiken om het er mooi uit te laten zien.

 

[bron]

In de bijlage vind je een werkend voorbeeld dat ik heb gemaakt.
Door het framework kun je je meer bezighouden met afmetingen en opmaak.
Suc6.

**aanvulling: de png komt van je screenshot dus die zul je wat mooier moeten maken