✔ Horizontale Navigationsliste mit List-Image

[StupidBoy]

Hallo,
ich sitze gerade an einer kleinen Seite und habe nun ein Problem beim erstellen des Menüs.
Eigentlich wollte ich das Menü (horizontal) in Listenform machen was auch klappen würde, wenn nicht das Listen-Bild (list-style:url(img.xxx)) verschwinden würde wenn ich die li-Tags mit display:inline oder float:left dazu bringe sich nebeneinander und nicht untereinader anzuordnen.

Weiß jemand Rat?

Grüße

PS: Der entspreche HTML- und CSS-Code:

<ul id="list">
		<li class="listitem">A</li>
		<li class="listitem">B</li>
		<li class="listitem">C</li>
	   </ul>

		#list{
		  list-style:url(img/menu_dot.jpg);
		}
		.listitem{
		  display:inline;
		}

 

[Quaese]

Hi,

vielleicht hift es, die Listengrafiken als Hintergrundbilder der Listenpunkte (li) anzugeben und den Inhalte entsprechend mit
padding zu platzieren.

#list{
  list-style: none;
}
.listitem{
  display:inline;
  background: url(img/menu_dot.jpg) 0 50% no-repeat;
  padding-left: 6px;
}

Ciao
Quaese

 

[StupidBoy]

Klasse, das funktioniert super.