voilà mon code :
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.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 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 ?
Partager