bulletgrafiken bei display:inline

[ichen]

Moin!
ich versuche nun seit geraumer zeit bulletgrafiken in meine liste einzufügen (über list-style-image), doch es geht nicht, anscheinend weil ich für li display:inline; angegeben habe. kann ich es schaffen, bulletgrafiken zu haben, und meine liste horizontal verlaufen lassen?
css:

  
#navlist {  
         list-style-image:url(images/jm1.gif);  
         display:inline;  
         margin:0;  
         padding:0;  
         text-align:center;  
}  
  
#navlist li {  
        display: inline;  
        margin:0 5px 0 5px;  
        white-space:nowrap;  
}  

hier die liste:

  
  <ul id="navlist">  
   <li><a href="">link1</a></li>  
   <li><a href="">link2</a></li>  
   <li><a href="">link3</a></li>  
   <li><a href="">link4</a></li>  
   <li><a href="">link5</a></li>  
   <li><a href="">link6</a></li>  
   <li><a href="">link7</a></li>  
  </ul>  

tschüssi
ichen

[Gernot Back]

Hallo ichen,

ich versuche nun seit geraumer zeit bulletgrafiken in meine liste einzufügen (über list-style-image), doch es geht nicht, anscheinend weil ich für li display:inline; angegeben habe. kann ich es schaffen, bulletgrafiken zu haben, und meine liste horizontal verlaufen lassen?

Du kannst stattdessen nicht-wiederholte, passend positionierte Hintergrundgrafiken in Verbindung mit einem padding-left einsetzen.

Gruß Gernot

[ichen]

Moin Gernot!
das ist deine gute Idee. Dank dir.
tschüssi
ichen