Bonjour, j’ai créé une page « menu.php » avec une image à l’intérieure de celle-ci, je voudrais faire en sorte que lorsqu’on clique sur l’image cela te permet d’atteindre une page nommée « administration .php ». La page « menu.php » fait appelle à un fichier CSS nommé « menu.css » qui gère tous ses aspects graphiques jusque-là tout marche nickel, la page menu.php s’affiche correctement avec l’image (administration.png) qui possédé toutes ses fonctionnalités.
Maintenant, je voudrais mette une deuxième image (bouton.png) derrière la première de sorte que cette deuxième image puisse apparaitre lorsqu’on survol la première avec la souris mais je n’y parviens pas voici mon code
« menu.php »
menu.css
Modifié par abdoulayecoumba (03 Aug 2017 - 18:22)
Maintenant, je voudrais mette une deuxième image (bouton.png) derrière la première de sorte que cette deuxième image puisse apparaitre lorsqu’on survol la première avec la souris mais je n’y parviens pas voici mon code
« menu.php »
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="menu.css" />
</head>
<body>
<a href=".php">Plan de developpement </a>.......<a href=".php">Administration</a>.......<a href=".php">Gestion </a>.......<a href="encadrement.php">Encadrement </a>
<div id= 'administration' >
<form method='POST' action='administration.php'>
<input type="image" name = "organiser" src ="/administration.png"/>
</form>
</div>
</body>
</html>
menu.css
#administration
{
width:243px;
height:175px;
margin-left:150px;
margin-top:160px;
float: left;
}
#administration : hover {
width:243px;
height:175px;
background-image:url("bouton1.png");
}
Modifié par abdoulayecoumba (03 Aug 2017 - 18:22)