[menu verticale] lasciare evidenziata l'ultima voce selezionata

[L'Emilio]

Ciao, ho un menu verticale che usa i css, vorrei che la sezione del menu che viene cliccata, rimanesse con lo sfondo evidenziato ed il carattere in grassetto. Sapete come si fa?

Vi posto il codice del file css

ul.menu1 {
width:150px;
list-style:none;
margin:0; padding:0;
}
ul.menu1 li a {
display:block;
text-decoration:none;
padding:0 1em;
height:2em;line-height:2em;
}
ul.menu1 li { display:inline }
ul.menu1 li a:link, ul.menu1 li a:visited {
background:#ffffff;
color: #000000;
}
ul.menu1 li a:hover, ul.menu1 li a:active {
background: #CCCCCC;
color:#000000;
}

e quello che metto nelle pagine html

<div id="colonna-menu">
<ul class="menu1">[*]xxxxxx[*]xxxxxx[*]xxxxxx[*]xxxxxx[*]xxxxxx[*]xxxxxx[/list]
</div>


i codici li ho presi qui
http://www.constile.org/template/menu_verticali/

[thomas_anderson]

Per cliccata tu intendi la sezione corrente? :master:

[*pragma]

Originariamente inviato da L'Emilio
Ciao, ho un menu verticale che usa i css, vorrei che la sezione del menu che viene cliccata, rimanesse con lo sfondo evidenziato ed il carattere in grassetto. Sapete come si fa?
......

anche io non ho capito bene ... anche perchè nel tuo codice ho visto già a:active
forse quello che cerchi lo ottieni con il javascript, il codice.
vedi quetso link:
http://pro.html.it/articoli/id_544/i...pag_1/pag.html
1° effetto qui: http://pro.html.it/esempio/544/list.html
2° effetto qui: http://pro.html.it/esempio/544/List2.html

altrimenti non so cosa dirti.
ciao

[L'Emilio]

si scusate, intendevo la sezione corrente

[thomas_anderson]

Tu hai questo CSS:

ul.menu1 { 
width:150px; 
list-style:none; 
margin:0; padding:0; 
} 
ul.menu1 li a { 
display:block; 
text-decoration:none; 
padding:0 1em; 
height:2em;line-height:2em; 
} 
ul.menu1 li { display:inline } 
ul.menu1 li a:link, ul.menu1 li a:visited { 
background:#ffffff; 
color: #000000; 
} 
ul.menu1 li a:hover, ul.menu1 li a:active { 
background: #CCCCCC; 
color:#000000; 
}

Basta aggiungere:

ul.menu .corrente a:link,
ul.menu .corrente a:visited,
ul.menu .corrente a:hover,
ul.menu .corrente a:active {
background: #ffc;
color: #008;
font-weight: bold;
border-bottom: 1px dashed #000;
}

[L'Emilio]

grazie

nella pagina invece metto questo no?

<div id="colonna-menu">
<ul class="menu1">[*]aaaaa[*]<p class="corrente">bbbb[/list]
</div>


però in questo modo in ogni pagina devo aggiungere manualmente un class differente per la sezione corrente, invece mi servirebbe un menu uguale per tutte le pagine che riconosca da solo l'ultima sezione cliccata e che la lasci evidenziata, esiste?

grazie un milione

[thomas_anderson]

Non puoi mettere un elemento

in una lista..... devi applicare la classe all'elemento[*]. Il riconoscimento automatico non puoi farlo con i CSS, ma con un linguaggio di scripting.

[L'Emilio]

ah ok, quindi dove mi consigli di postare?

[thomas_anderson]

----------->>>>>>>>>>Scripting <<<<<<<<<<<-------------------

[bifone]

intendi una cosa come questa?

www.openbrain.it

:master: