Aller au contenu
Zebulon

  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

[Résolu] Changement d'état d'un bouton une fois cliqué

xerel

Par xerel
dans Programmation

 Partager

Messages recommandés

xerel Member

xerel

Posté(e)
Posté(e)

Bonsoir à tous, p'tite question plutôt urgente.

 

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;

}

Lien vers le commentaire
Partager sur d’autres sites

  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)

Salut Xerel,

 

Il est certain que, en l'état, ta page HTML ne fonctionne pas du tout. C'est tout simplement parce que ton lien actif (balise <a>) s'applique à un ensemble vide, un bloc <div> de dimensions nulles ?

 

Ta question n'en reste pas moins entière. J'ai fait des tas d'essais infructueux :chpas:

 

Lien vers le commentaire
Partager sur d’autres sites
  • 10 mois après...

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
 Partager
Aller sur la liste des sujets

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...