Désactiver le lien une fois visité
Résolu
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....
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....
Configuration: Linux Firefox 3.0.14
7 réponses
-
D'abord il ne faut pas lui donné un style avec ":visited" ...
-
comment dois-je faire pour modifier son style une fois visité et reprendre son style une fois quitté ?
une idée ? -
oui, tu peut le faire en javascript à l'aide des onmouseover
-
y'a pas une solution du coté CSS ?
-
Tu ne peux pas savoir quand il arrête de visiter un site, même en JS (et encore moins en CSS).
-
en css je vois , ca me parais assez compliqué a gérer
-
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 :
<?php
echo " <div id=\"sousmenu_up\" class=\"menu_vert\">";
$active=' class="active" ';
echo "<li><a href=\" ".$_url."\" ".$active.">".$rows['item_menu']."</a></li>";
echo "</div>";
?>
et puis voilà ;)
