Comment remplacer une image par une autre au survol de la sourie ?
Bonjour,
tout d'abord voici mon code css:
Code:
1
2
3
4
5
| img.accueil:hover
{
background: images2/accueil_cadre.jpg;
border: 0;
} |
puis mon code html :
Code:
<a href="register.html"><img class="accueil" src="images2/accueil.gif"></img></a>
Or, ça ne marche pas. J'ai beau chercher je voit pas pourquoi ça ne marche pas
quelqu'un pourrait il me dire pourquoi ?
Je ne veut pas le faire en Javascript.
code qui permet de modifier deux images tout en les ajustant par rapport à la page
fichier html
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="synthese.css">
</head>
<body>
<div> <a class="image" title="salut" href='page2.htm'></a></div>
</body>
</html>
fichier synthése.css
.image {
width: 100px;
height: 100px;
}
a.image {
position:absolute;
display: block;
top:230px;
left:260px;
background-image: url("img/heures1R.png");
background-repeat: no-repeat;
}
a.image:hover {
background-image: url("img/heures1B.png");
} |
