[css] :active

nofcfro

Utente Attivo
27 Mag 2012
72
0
6
Salve,
ho un menù laterale e vorrei che venisse evidenziata la voce di menù aperta nella pagina, la struttura del menù è la seguente:

Codice:
<div class="menubar">
      <ol class="ollaterale">
        
        <!-- CAP 1 -->
        <li class="lilaterale">Capitolo 1</li>
<li class="lilaterale">Capitolo 2</li>
<li class="lilaterale">Capitolo 2</li>
</ol>
</div>

Come posso colorare la voce di menù che corrisponde alla pagina aperta?
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Deci creare ina classe ".attivo" da mettere nel link in ogni pagina in modo che il link della pagina aperta assuma le regole e i colori che tu vuoi. Ovvio che spiegato così è un po' confuso perchè bisognerebbe farti un esempio completo con tutte le pagine
Esempio:
Pagina 01.html
Codice:
<ul id="css3menu1" class="topmenu">
   <li class="topfirst"><a class="attiva" href="01.html" style="width:42px;">Item 0</a></li>
   <li class="topmenu"><a href="02.html" style="width:42px;">Item 1</a></li>
   <li class="toplast"><a href="03.html" style="width:42px;">Item 2</a></li>
</ul>
Pagina 02.html
Codice:
<ul id="css3menu1" class="topmenu">
   <li class="topfirst"><a href="01.html" style="width:42px;">Item 0</a></li>
   <li class="topmenu"><a class="attiva" href="02.html" style="width:42px;">Item 1</a></li>
   <li class="toplast"><a href="03.html" style="width:42px;">Item 2</a></li>
</ul>
[/code]Pagina 03.html
Codice:
<ul id="css3menu1" class="topmenu">
   <li class="topfirst"><a href="01.html" style="width:42px;">Item 0</a></li>
   <li class="topmenu"><a href="02.html" style="width:42px;">Item 1</a></li>
   <li class="toplast"><a class="attiva" href="03.html" style="width:42px;">Item 2</a></li>
</ul>
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
S Css - A: active non funzionante HTML e CSS 2
G Input checkbox in CSS HTML e CSS 0
G classe CSS sovrascritta HTML e CSS 2
G file CSS contenente variabili HTML e CSS 1
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
L problema collegamento file css con html HTML e CSS 1
M CSS "puro" HTML e CSS 0
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
Z Google Fonts CSS tra desktop e responsive HTML e CSS 1
Z Slide show CSS HTML e CSS 1
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
S problema con css bootstrap3 HTML e CSS 4
L Sovrascrivere CSS iframe su dominio diverso WordPress 0
E CSS non riconosciuto PHP 1
Shyson [CSS] Posizionare casella di ricerca HTML e CSS 3
Shyson Centrare box css HTML e CSS 2
R Primo script in PHP / CSS PHP 4
S non funzionano alcuni effetti (bottone futuristico creato con css) HTML e CSS 1
V [CSS] Uso degli id HTML e CSS 2
I creazione stile css HTML e CSS 3
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
P [WordPress] Messaggio di errore in file style.css WordPress 0
D Aggiungere file .css esterno su Android HTML e CSS 4
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
StephenSoftware Flexbox: definizione nel CSS HTML e CSS 4
Tommy03 Variabile PHP per impostare una proprietà CSS PHP 2
R javascript lettura css cross-browser Javascript 1
U [WordPress] [CSS] Come faccio a spostare più in basso lo slider WordPress 0
L [Javascript]Alternativa al position:sticky nel CSS Javascript 0
A Strumenti per filtrare il css HTML e CSS 1
S Il Css non si aggiorna, svuotata cache HTML e CSS 6
Shyson [WordPress] [CSS] Formattare casella WordPress 0
Shyson [CSS] Titolo del sito cambia dimensione HTML e CSS 2
A icone css in selectmenu jQuery 2
M Problematica CSS (tag html,body) HTML e CSS 4
W [C#] Il componente "WebBrowser" non mi esegue css e javascript .NET Framework 0
W inclusioni css in eccesso, cosa fare? HTML e CSS 1
M [WordPress] Modifiche CSS su lightbox WordPress 2
T countdown da sistemare con i CSS... HTML e CSS 4
Y Finestra dialogo CSS Modal HTML e CSS 6
L [css e html] destra e sinistra (menu navigazione) HTML e CSS 3
P [Gratuito][Cerco] qualcuno per fare menu a tendina ottimizzato per mobile-responsive con css e html Offerte e Richieste di Lavoro e/o Collaborazione 3
D How to learn HTML and CSS? HTML e CSS 2
M CSS posizionamento stile HTML e CSS 2
I [HTML/CSS] Consigli sul mio primo sito HTML e CSS 9
V Galleria con CSS e Javascript Javascript 2
C CSS pagina a schermo intero HTML e CSS 3
V Menù CSS da file in cartella esterna HTML e CSS 4

Discussioni simili