problema con list

[claire]

c'è qualcosa che non va ma non capisco cosa:
nella pagina html:

 <ul id="navitemserv">
	[*] Progettazione della struttura del sito:  
	  bla bla bla bla blas.
	[*] Realizzazione grafica del sito:   
	  bla bla bla bla blas.[/list]

nel css:

 .navitemserv
{ width:750px;
  padding: 15px 3px 0 3px;
  border-bottom:#ddd 1px solid;
  border-right:#ddd 1px solid;
  border-left:#ddd 1px solid;  
  font-size:8pt;
  font-weight: normal;
  text-align:justify;
  color:#666666;
  }
  
  ul#navitemserv{
	padding: 15px 3px 0 3px;
  border-bottom:#ddd 1px solid;
  border-right:#ddd 1px solid;
  border-left:#ddd 1px solid;  
  font-size:8pt;
  font-weight: normal;
  text-align:justify;
  color:#666666;
  }


ul#navitemserv li{padding:0 4px 8px 10px;
color:#FF9900;
    background: url(images/arw2.gif) 0 3px  no-repeat;}

in teoria la parte tra[*] e dovrebbe essere di un colore, la parte fuori dal tag[*] di un altro..
e in effetti se apro la pagina con dreamweaver la vedo così.. poi però sia se la salvo, sia nell'anteprima da DW in realtà è tutto del colore del[*].

qualcuno è così gentile da dirmi cosa sto sbagliando?
grazie

[salasir]

La parte al di fuori dei tag[*] non dovrebbe esistere e non credo nemmeno sia validabile.
Se vuoi ottenere un elemento a due colori forse ti conviene cambiare struttura:

ul#navitemserv li span { color:#666666; }
<ul id="navitemserv">
	[*]Progettazione della struttura del sito:<span>bla bla bla bla blas.</span>
	[*]Realizzazione grafica del sito: <span>bla bla bla bla blas.</span>  [/list]

[claire]

funzionerebbe quasi, solo che siccome ho due list con immagini diverse, se faccio come dici tu mi mette ( dio sa perchè) tutte e due le immagini una accanto all'altra

ho messo nel css:

 ul#navitemserv li span { color:#FF9900;
padding:0 4px 8px 10px;
 background: url(images/arw2.gif) 0 3px  no-repeat;
 }

e nell'html:

 <ul id="navitemserv">
	[*]<span> Progettazione della struttura del sito: </span> 
	  bla bla bla bla.

i colori sono a posto, ma url(images/arw2.gif) viene accanto all' url immagine dell'altra list che ho nel css..
non so se mi sono spiegata visto che mi sto perdendo anche io

[salasir]

Prova a indicare il codice di come inserisci le immagini.

Se mi spieghi meglio cosa vuoi realizzare, magari si trova una soluzione o un'altra idea.

[claire]

allora , nella pagina html ci sono vari div.
in uno di questi metto una list che creo nel css con questo codice:

 ul 
{ list-style:none;
  margin:0 5px;
  padding:0;}

li
{ padding:0 4px 8px 10px;
  background: url(images/arw.gif) 0 3px  no-repeat;}

poi in un altro div vorrei usare una list con un'altra immagine da cui:

 ul#navitemserv li span { color:#FF9900;
padding:0 4px 8px 10px;
 background: url(images/arw2.gif) 0 3px  no-repeat;
 }

però nella seconda mette tutte e due le immagini...

il primo div:

 <div id="content">
<ul>[*]Progettazione della struttura del sito[/list]
</div>

il secondo div:

 <div class="navitemserv"><ul id="navitemserv" >
	[*]<span> Progettazione della struttura del sito: </span> 
	  bla bla bla .[/list]
</div>

spero di essermi spiegata.. ma ho dei dubbi

[salasir]

Sì ti sei spiegata, e si spiega anche il fatto delle due immagini.

La prima definizione

li
{ padding:0 4px 8px 10px;
  background: url(images/arw.gif) 0 3px  no-repeat;}

assegna l'immagine arw.gif a tutti gli item di tutte le liste
La seconda definizione:

ul#navitemserv li span { color:#FF9900;
padding:0 4px 8px 10px;
 background: url(images/arw2.gif) 0 3px  no-repeat;
 }

assegna l'immagine arw2.gif solo agli item della lista con id="navitemserv".
Dovresti provare ad assegnare un id anche alla prima definizione, tipo #content li ...

PS.:

<ul id="navitemserv">
	[*]<span>   Progettazione della struttura del sito: </span> 
	  bla bla bla bla.

il bla bla bla deve essere prima del tag di chiusura della lista.

[claire]

Dovresti provare ad assegnare un id anche alla prima definizione, tipo #content li ...

ci ho provato, ma spariscono tutte le immagini da tutte le list

[salasir]

Strano, ho provato a creare due liste una con un id e l'altra senza all'interno di un div e funziona...
Tra l'altro non è nemmeno necessario indicare #content li ...
così

<div id="content">
<ul>
	[*]Progettazione della struttura del sito:<span>bla bla bla bla blas.</span>
	[*]Realizzazione grafica del sito: <span>bla bla bla bla blas.</span>  [/list]
<ul id="navitemserv">
	[*]Progettazione della struttura del sito:<span>bla bla bla bla blas.</span>
	[*]Realizzazione grafica del sito: <span>bla bla bla bla blas.</span>  [/list]
</div>

[claire]

forse nello stesso div va, ma le mie list sono in due div diversi.. sarà quello?
non ne ho idea
ma le tue 2 liste sono uguali o diverse? ( colori, immagini ecc)

[salasir]

Non cambia nemmeno mettendoli in due div diversi...
Mi manca qualcosa ... :master:

[edit]
Ho utilizzato le tue definizioni, cambiando solo le immagini e ottengo due liste con due diverse immagini come marcatori.
[/edit]