désactiver le lien une fois visité Résolu/Fermé

Question

Bonjour,

j'ai un menu avec des liens.En cliquant sur l'un des liens , celui-ci change de style , mais le garde en 
cliquant sur un autre lien .Ainsi , en cliquant sur tous les liens du menu , ceux-ci deviennent tous colorés :(((((

moi ce que je veux , c'est de colorer le lien en cours et une fois quitté ( c'est à dire si j'appuie sur un autre lien)
celui-ci reprenne son style.

j'espère ètre claire .
pour vous aider à me donner un coup de main , je vous soumets ci-dessous mon code CSS :

     div#sousmenu_up

		{

		padding-top:80px;

		width:246px;

		height:306px;

		color: #FFFFFF;

		text-align:left;

		padding-left:20px;

		font-size :13px;

		font-family: "Verdana";

		}


	#sousmenu_up  a:

		{

		    padding: 4px 10px; 

		    color: #FFFFFF;  text-decoration:none;  font-family: "Verdana";font-size :13px;     }  

		 

		#sousmenu_up  a:visited

		{

		    

		    font-size :12px;       

	        background:url(../medias/puce.png) no-repeat;

			text-decoration: none;

        

		 }

		 #sousmenu_up a:hover

		 {

		 text-decoration :none;

		 }

		 

		 #sousmenu_up a:active

		 {

		  text-decoration :none;

		 }

		
j'ai fouillé dans tous les forum mais j'ai pas trouvé une solution , 
Pouvez-vous m'aider....

avion-f16 · Answer

D'abord il ne faut pas lui donné un style avec ":visited" ...

narama87 · Answer

comment dois-je faire pour modifier son style une fois visité et reprendre son style une fois quitté ?
une idée ?

phenX · Answer

oui, tu peut le faire en javascript à l'aide des onmouseover

narama87 · Answer

y'a pas une solution du coté CSS ?

avion-f16 · Answer

Tu ne peux pas savoir quand il arrête de visiter un site, même en JS (et encore moins en CSS).

phenX · Answer

en css je vois , ca me parais assez compliqué a gérer

narama87 · Answer

on peut utiliser une classe css : css : #sousmenu_up a { padding: 4px 10px; color: #FFFFFF; text-decoration:none; font-family: "Verdana"; font-weight:normal; } #sousmenu_up a:hover { /*font-size :12px;*/ background:url(../medias/puce.png) left center no-repeat; font-weight:bold; text-decoration :none; } #sousmenu_up a.active { /*font-size :12px;*/ padding-left:15px; background:url(../medias/puce.png) left center no-repeat; text-decoration :none; } et dans le href , écrire : "; $active=' class="active" '; echo "

".$rows['item_menu']."

"; echo ""; ?> et puis voilà ;)

Désactiver le lien une fois visité

7 réponses

Discussions similaires

Newsletters