a:active che non va

[francescocorr]

Salve a tutti, sto facendo un layout per un mio sito, ho scaricato un menù dai vari script js su html.
Ho modificato la grafica ma purtroppo adesso non riesco a modificare la parte dell'active link.

vi posto un pò di codice.


parte css

#navigation-block {
	float:left;
}
 
#hide {
	position:absolute;
	top:309px;
	left:186px;
}
 
ul#sliding-navigation
{
	list-style: none;
	font-size: 1em;
	margin: 30px 0;
	padding: 0;
}
 
ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 150px;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
}
 
ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	/*background:#333 url(MenuAnimato/heading_bg.jpg) repeat-y;*/
	font-weight: normal;
}
 
ul#sliding-navigation li.sliding-element a
{
	color: #999;
	background:#222 repeat-y;
	border: 1px solid #1a1a1a;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover, a:active { color: #ffff66; }

pagina html

<div id="navigation-block">
    <ul id="sliding-navigation">
	

</p>
        <li class="sliding-element">Home Page  
        <li class="sliding-element">Web
        <li class="sliding-element"> Programmazione
        <li class="sliding-element">Contatti
        <li class="sliding-element">Curriculum Vitae [/list]
</div>

Funziona tutto tranne come dicevo la parte dell'active, se vado sul link lo colora di giallo, invece non mi segna il link in giallo quando sono nella pagina.


Dove sbaglio?

Francesco

[mucu]

ul#sliding-navigation li.sliding-element a:hover, a:active { color: #ffff66; }

devi dichiarare tutto il percorso

ul#sliding-navigation li.sliding-element a:hover, ul#sliding-navigation li.sliding-element a:active { color: #ffff66; }

scusa non avevo visto la fine della domanda
devi dare una classe o meglio un id al collegamento
sto parlando dell'html

<a id="selezione" ... 

e dargli quindi l'aspetto voluto

[francescocorr]

scusami ma purtroppo non riesco a farlo, potresti farmiun esempio pratico?
Gli do la classe "sliding-element"

Non dovrebbe avere anche la proprietà a:active?

Grazie

[mucu]

a:active applica un insieme di regole solo nel momento in cui il mouse preme sul collegamento
se vuoi un effetto persistente devi assegnare un id al tuo <a> oppure al[*] e lo devi fare in tutte le pagine che richiami
ad esempio quando sei nella homepage puoi scrivere

<div id="navigation-block">
    <ul id="sliding-navigation">
    

</p>
        <li class="sliding-element">[url="default.asp"]Home Page  [/url]
        <li class="sliding-element">[url="#"]Web[/url]
        <li class="sliding-element">[url="#"] Programmazione[/url]
        <li class="sliding-element">[url="Contatti.asp"]Contatti[/url]
        <li class="sliding-element">[url="#"]Curriculum Vitae [/url][/list]
</div> 

comunque nel tuo markup hai un

che non è corretto
e richiami una classe per ogni[*] mentre potresti semplicemente scrivere nel css

#sliding-navigation li {
      etc etc
} 

[francescocorr]

Grazie per i suggerimenti, dopo mi studio meglio la cosa e vedo se riesco a risolvere.

Grazie ancora Fancesco

[lionalex]

scusate l'intromissione, ma vorrei capire meglio, quindi è possibile creare una classe che faccia determinate cose quando ci si trova nella pagina del link cliccato?
Mi spiego meglio.
Ho un link alla pagina "A". Clicco su questo link. Quando apre la pagina "A", il link viene evidenziato ad esempio di ROSSO per dire che ci si trova in quella pagina. Tutto questo è fattibile direttamente con i CSS???
Io ho sempre usato il PHP per verificare in quale pagina mi trovavo e di conseguenza che stile usare...mi potete dare info in merito????

Grazie mille e scusate ancora l'intrusione

[mucu]

la classe non può capire se si trova nella pagina corrispondente
e agisce su un determinato elemento html
è l'html che va modificato in ogni pagina per avere l'effetto desiderato
se riesci a farlo dinamicamente meglio

[lionalex]

quindi come non detto già faccio come si dovrebbe fare

[Myaku]

Originariamente inviato da mucu
la classe non può capire se si trova nella pagina corrispondente
e agisce su un determinato elemento html
è l'html che va modificato in ogni pagina per avere l'effetto desiderato
se riesci a farlo dinamicamente meglio

@lionalex: puoi usare l'istruzione PHP_SELF per rilevare la pagina corrente, costruire il menu tramite array ed un ciclo che ti consentirebbe di applicare l'id/classe della pagina corrente all'elemento del menu in maniera dinamica.

[lionalex]

@Myaku grazie mille Io già faccio una cosa simile per i miei siti, ma mi era sembrato di capire che con i CSS si potesse fare la stessa cosa per questo mi ero intromesso Grazie lo stesso per il suggerimento...