Liste con differenti classi

[lumiere]

Salve a tutti, ho un problema con una lista, in sostaza ho bisgono di creare una lista ordinata di questo tipo:

1. pippo
   <li class="zoneLinks">Reception
   <li class="zoneLinks">Ufficio Commerciale
   <li class="zoneLinks">Ufficio Pubblicitario
   <li class="zoneLinks_active">Ufficio Tecnico

Come vedete nell'ultimo li ho impostato una classe diversa, però quando lo visiono mi ritrovo sopra all'ultimo li sia la classe di ol sia quella che ho impostato io "che è diversa dagli altri li".

Cosa ho sbagliato?

Grazie a tutti
Enrico

[lumiere]

Nessuno mi sa aiutare?

grazie

[Mich_]

L'ultimo link sta comunque dentro il blocco [list=1], quindi e` ovvio che risente della classe del [list=1].

Ma devi spiegarti meglio, magari postando il CSS relativo alle tre classi in questione.

[lumiere]

Beh, in sostanza è indifferente quale css usi, hai centrato la domanda, il fatto che i vari li risentono dell'influenza dell'ol, come posso ovviare a questa cosa mantenendo separati gli ol dai li?

In parole povere vorrei avere la classe ol per gli ol, la classe li per tutti i li eccezion fatta per alcuni che vorrei con una classe diversa.
Quest'ultimi se uso una classe diversa mi appaiono si con la classe impostata, ma sormontati dalla classe dell'ol.

[Mich_]

Ci son alcune parole/frasi nei tuoi discorsi che non capisco nel contesto:
- sormontati
- mantenendo separati gli ol dai li

Tieni presente che io non so assolutamente nulla del tuo sito (ne` come e` ne` come lo vorresti), non so nulla dei tuoi CSS. Mi risulta pertanto difficile capire.
Con il codice CSS (eventaulmente solo un sottoinsieme) penso che capirei di piu`.

[lumiere]

Dunque, prendiamo il css degli ol, puoi tenere questo buono anche per i "li", cambia solo l'immagine di background:
Poi in fondo trovi una classe differente che vorrei applicare solo ad un "li", indifferente quale.
Il punto è che se applico l'ultima classe ad un "li", questo mi visualizza la classe correttamente, ma contemporaneamente mi visualizza sopra anche la classe dell'ol. In parole povere è come se le ho una sopra l'altra per lo stesso "li"

ol.plantLinks {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent: 52px;
line-height: 30px;
list-style-type: none;
color: #fff;
position: static;
top: 0px;
display: block;
margin-top: 5px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
white-space: nowrap;
padding: 0px;
}

ol.plantLinks a:link {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
list-style-type: none;
height: 50px;
width: 200px;
display: block;
background-image: url(../images/plant_cell.png);
background-repeat: no-repeat;
}


.zoneLinks_active {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
height: 50px;
width: 200px;
display: block;
background-image: url(../images/zone_cell-active.png);
background-repeat: no-repeat;
}

[Mich_]

Scusa, ma cerco di semplificare il CSS e contemporaneamente di capire meglio.

ol.plantLinks, ol.plantLinks li {
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  text-indent: 52px;
  line-height: 3em;
  list-style-type: none;
  color: #fff;
  margin: 5px 0 0 0;
  padding: 0;
  white-space: nowrap;
}

ol.plantLinks a:link {
  font: normal;
  color: #fff;
  text-decoration: none;
  width: 100%; height: 100%
  display: block;
  background: url(../images/plant_cell.png) no-repeat;
}
ol.plantLinks a:hover {
  text-decoration: none; /* o quello che vuoi */
  background: ...;
}

.zoneLinks_active  a:link {
  height: 50px; width: 200px;   /* starebbe meglio espresso in em */
  background: url(../images/zone_cell-active.png) no-repeat;
}

Ho capito il problema. Il tag <a> all'interno dell'[list=1] era definito dal css generale di tutti i tag <a>, compreso quello dell'ultima riga; invece tu vuoi l'ultima riga diversa.
Credo che con la modifica all'ultimo selettore, dovresti risolvere.

[lumiere]

Ho provato ad aggingre il tuo a:link, ora vedo solo la classe dell'ol e non quella che interessa a me.
Devo per caso modificare anche il primo ol? vedo che lo hai modificato.

Ora vado a casa, leggerò domani le tue cortesi risposte, intanto grazie

Enrico

[Mich_]

Non ritengo di averlo modificato. Ho tolto alcuni attributi gia` di default e ho compattato il codice, ma non dovrei aver fatto modifiche importanti. Comunque fai un controllo (posso anche essermi sbagliato).

E ancora non capisco cosa significa il tuo

vedo solo la classe dell'ol e non quella che interessa a me

Vuoi dire che vedi lo sfondo dell'[list=1] e non quello dell <a>? Almeno dovresti vederlo uguale a quello degli altri link!

[lumiere]

Si, mantiene lo sfondo dell'ol e non quello del li.
Ho convertito tutto in singoli div e così non ho problemi.

Ma non ho capito il perchè se io imposto delle classi ai singli li diverse da un li.nomeclasse questi non la mantengano e visualizzino quella dell OL

Bah.

Enrico