[CSS]wykaz inline - znikające "kropki" Opcje

[sazian]

Witam,
znajomy dał mi do "ulepszenia" szablon strony (on po prostu pociął go w photoshopie i tak zostawił)
na stronie było poziome menu (oczywiście w całości z obrazków )
(IMG:http://img199.imageshack.us/img199/8420/zrzutekranu42.png)
postanowiłem je przerobić na wykaz

[HTML] pobierz, plaintext 
<ul style="color:white;list-style-image: url(Obrazki/www_14.gif)">
<li>o mnie</li>
<li>firma</li>
<li>galeria</li>
</ul>
[HTML] pobierz, plaintext 

to wyszło bardzo ładnie więc cały szczęśliwy że tak szybko poszło przerobiłem kod żeby wykaz był inline

[HTML] pobierz, plaintext 
<ul style="color:white;list-style-image: url(Obrazki/www_14.gif)">
<li style="display:inline">o mnie</li>
<li style="display:inline">firma</li>
<li style="display:inline">galeria</li>
</ul>
[HTML] pobierz, plaintext 

oczywiście napisy zostały wyświetlone w linij ale "kropki" zniknęły (IMG:style_emoticons/default/sad.gif)
wiecie może dlaczego tak się dzieje (IMG:style_emoticons/default/questionmark.gif) i jak przywrócić wypunktowanie

[neverever]

1 . sprawdź wielkość liter w ścieżce - jeżeli serwer unixowy to ma ona znaczenie

zamiast

[HTML] pobierz, plaintext 
<ul style="color:white;list-style-image: url(Obrazki/www_14.gif)">
[HTML] pobierz, plaintext 

może być

[HTML] pobierz, plaintext 
<ul style="color:white;list-style-image: url(obrazki/www_14.gif)">
[HTML] pobierz, plaintext 

2. takie formatowanie jest bardzo niewygodne.
łatwiej będzie zrobić tak:

[HTML] pobierz, plaintext 
#nav { color:white; list-style-image: url(obrazki/www_14.gif); }
#nav li { display:inline; }
[HTML] pobierz, plaintext 

A potem już tylko

[HTML] pobierz, plaintext 
<ul id="nav">
<li>o mnie</li>
<li>firma</li>
<li>galeria</li>
</ul>
[HTML] pobierz, plaintext 

Ten post edytował neverever 21.01.2010, 11:34:48