Aide
Commencer un sujet
Ajouter une réponse
Sur une page HTML, j'ai mis en place un lien <a href""><div></div></a>. Le hover en CSS marche niquel, c'ets a dire que l'image de la div change. Mais le hic, c'est que lorsque je clique, j'arrive sur une nouvelle page HTML. Et j'aimerais lorsque je retourne sur ma premiere page (accueil), la div sur laquelle j'ai cliqué m'affiche l'image qui y avait en roll over. J'ai essayé avec le :visited mais rien n'a faire, avez vous une idée ?
voici mon code:
HTML
<html>
<head>
<title>interface_multi</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css_interface.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (interface_multi.psd) -->
<div id="menu">
<div id="vert"></div>
<div id="nom_axe1"></div>
<div id="nom_axe1_h2"></div>
<div id="nom_axe1_h3"></div>
<div id="jaune"></div>
<div id="nom_axe2"></div>
<a href="axe2/index_mexico.html"><div ></div></a>
<div id="nom_axe2_barregrise"></div>
<div id="gris"></div>
<div id="nom_axe3"></div>
<div id="nom_axe3_h1"></div>
<div id="nom_axe3_h2"></div>
</div>
</body>
</html>
CSS
body{
background-image:url(images/fond.jpg);
background-repeat:no-repeat;
}
#menu
{
margin-top:457px;
margin-left:141px;
height:250px;
width:320px;
}
#vert
{
background-image:url("images/vert.png");
height:37px;
width:59px;
float:right;
margin-top:21px;
}
#nom_axe1
{
width:253px ;
height: 21px ;
background-image:url("images/axe1.png");
background-repeat: none;
margin-left:10px;
}
#nom_axe1_h2
{
width:254px ;
height: 18px ;
background-image:url("images/axe1_h2.png");
background-repeat: none;
margin-left:7px;
}
#nom_axe1_h3
{
width:254px ;
height: 19px ;
background-image:url("images/axe1_h3.png");
background-repeat: none;
margin-left:7px;
}
#jaune
{
background-image:url("images/jaune.png");
height:37px;
width:59px;
float:right;
margin-top:31px;
}
#nom_axe2
{
margin-top:10px;
width:253px ;
height: 21px ;
background-image:url("images/axe2.png");
background-repeat: none;
margin-left:10px;
}
#nom_axe2_h2
{
width:254px ;
height: 20px ;
background-color: #dbaf3f;
/* background-image:url("images/axe2_h2.png"); */
background-repeat: none;
margin-left:7px;
}
a #nom_axe2_h2:hover
{
background-image:url("images/axe2_h2.png");
}
a #nom_axe2_h2:visited
{
background-image:url("images/axe2_h2.png");
}
#nom_axe2_barregrise
{
height:18px;
width:254px;
background-image:url("images/axe2_barregrise.png");
background-repeat: none;
margin-left:7px;
}
#nom_axe3
{
margin-top:10px;
height:18px;
width:251px;
background-image:url("images/axe3.png");
background-repeat: none;
margin-left:10px;
}
#nom_axe3_h1
{
height:20px;
width:254px;
background-image:url("images/axe3_h1.png");
background-repeat: none;
margin-left:8px;
}
#nom_axe3_h2
{
height:17px;
width:262px;
background-image:url("images/axe3_h2.png");
background-repeat: none;
}
#gris
{
background-image:url("images/gris.png");
height:37px;
width:59px;
float:right;
margin-top:28px;
}
Multi-citation
