[CSS]lien survolé sur une image et déclaration doctype
voilà mon code :
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
| <?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>exemple</title>
<style type="text/css" media="screen">
body {
background-color:white;
}
a {
text-decoration:none;
color:#03aF03;
}
img {
border:0px;
}
a:hover>img{
text-decoration:none;
}
a:hover {
text-decoration:underline overline;
color:green;
}
</style>
</head>
<body>
<div>
<a href="http://google.fr"> <img src="http://www.google.fr/images/firefox/google.gif" alt="google"/><br />Google</a>
</div>
</body>
</html> |
le problème est que le underline overline s'applique aussi sur l'image. ce qui me surprends c'est que quand je retire la déclaration doctype, le problème disparait. mais je veux absolument garder cette déclaration. Ce problème n'aparait que sous firefox.
Le code que j'ai donné n'est évidement pas l'original, mais le bug y est présent.
avez vous des idées pour résoudre mon problème ?
