[RISOLTO] Formattare ultima voce menu

[Nuvola6]

Salve a tutti.
Se il mio menu ha questa struttura:


<ul id="horiznav" class="nav"><li>voce1</li>
<li>voce2</li>
</ul>

come posso formattare l'ultima voce?
Ho provato di tutto,
anche li.last-child a
ma niente.

Qualcuno può aiutarmi? Sono sufficienti queste info?

[tomtomeight]

Meglio se metti un link al sito, devi agire sull'item id.

[Nuvola6]

Grazie tomtomeight.

[Nuvola6]

In più... perchè accade che se clicco su una voce del menu in questione (quello centrale per intenderci), scompare il background? Che sarebbe il bordo a destra.

[tomtomeight]

Il link non funziona, il sito ci mette una vita per aprirsi, meglio se risolvi prima questo problema.

[Nuvola6]

A me il link funziona.
Ho anche riprovato in questo momento.


Per di più quello è un server di prova e l'hosting free che mi ospita è fuori servizio ogni tanto.

[tomtomeight]

Ok allora è colpa del tab che non riesce a completare il caricamento, per tutto il tempo che ho scritto questo testo la rotella gira ancora, riprovo più tardi da pc.

[Nuvola6]

Ah ok. Ti ringrazio...

[tomtomeight]

In più... perchè accade che se clicco su una voce del menu in questione (quello centrale per intenderci), scompare il background? Che sarebbe il bordo a destra.

Se vedi bene non cambia solo il background ma tutto il sito, è un link esterno.

[Nuvola6]

I link sono tutti provvisori... Sto costruendo il template, quindi non guardare il resto........
Al limite clicca su un'altra voce...
Clicca su "Obiettivi", per esempio.

[tomtomeight]

 
Per formattare l'ultima voce devi aggiungere  questo schema nel css

Codice: [Seleziona]

#nav ul li.item-5 {
}

[Nuvola6]

Per formattare l'ultima voce devi aggiungere  questo schema nel css

Codice: [Seleziona]

#nav ul li.item-5 {
}

ho provato ma nulla.
ho usato anche .nav e nemmeno me l'ha formattata...

[tomtomeight]

Prova così

Codice: [Seleziona]

#resources ul li.item-5{
}

[Nuvola6]

Tom, perdonami, è l'altro menu..........
Quello dopo lo slideshow.

[tomtomeight]

Allora diventa così:

Codice: [Seleziona]

#navigation ul li.item-69{
}

[Nuvola6]

Nada... è disgraziata quella voce.

[tomtomeight]

Ma ci metti i valori di variazione fra le parentesi?  Non vorrei che tu lo inserisci così come lo vedi.

[Nuvola6]

Tom........ :-)

[ariess]

ciao Nuvola,

per il problema del backgorund dovresti correggere nel file /css/tdefaut.css riga 241

#navigation li.active a {
    background: none repeat scroll 0 0 transparent;   
    color: #A9B6B0;
    height: 42px;
}

mentre per selezionare 'lultima voce puoi usare

.nav li:last-child {
}

 

[Nuvola6]

Eccoci!
Dunque, la prima soluzione, quella che riguarda il background funziona alla grande. Che sbadata! Avevo lasciato un vecchio css! E chi la vedeva mai quella regola. Grazie! Che occhio clinico :-)


Per quanto riguarda invece l'ultima voce del menu, niente da fare ancora.
Le ho provate di tutte :-(

[ariess]

strano, eppure da firebug funziona.... dove lo hai inserito di preciso perchè non riesco a trovarlo...

[Nuvola6]

nel css... ho scritto:



.nav li:last-child {
font-size:24px;
}


per provare...


infatti, firebug lo vede ma lo sovrascrive.... che altra regola ora lo sovrascrive?

[ariess]

funziona funziona 

il font size non lo prende perchè viene sovrascritto da un'altra regola.
prova ad esempio a mettere "background:red;"

se invece ti serve proprio per modificare la grandezza del font scrivi:

.nav li:last-child {
font-size:24px !important;
}

[Nuvola6]

siiiiiiiiiiiiiiiiiiiiiiiii!


A me serve proprio il background, perchè devo metterci un paio di icone a destra, quindi.....!
E' perfetto!


Mi salvi sempre :-)


grazie ric, a presto