j'ai testé ton truc et effectivement ca pose problème. alors je te propose de contourner le truc en utilisant des CSS et en virant ton type="image" et en mettant un input"submit" avec du texte dedans.
du coup on garde l'accessibilité pour les non voyants au niveau de ta page.
Code :
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <title></title>
- <style>
- input.calculette {
- display:block; /*Pour pouvoir degager le texte avec un text-indent dans les navigateurs propres*/
- overflow:auto; /*Pour pouvoir utiliser un padding-left sans soucis.*/
- width: 65px;
- height:20px;
- _padding-left:5000px; /*On vire le texte sous IE, le text-indent ne fonctionne pas sur un input sous IE*/
- text-indent:-5000px; /*On vire le texte sous les autres navigateurs*/
- border:none;
- background: url(calc.gif);
- }
- </style>
- </head>
- <body>
- <form action="mapage.php">
- <input type="submit" name="boutonValid" class="calculette" value="ACTUALISER">
- </form>
- </body>
- </html>
|
Je sais pas si cette technique a déjà été utilisée, mais je viens de faire ça en 5 minutes.
Faudrait quand même tester sous Opera, et puis les autres navigateurs.
Message édité par gatsusat le 04-11-2005 à 08:32:58
---------------
Les CSS c'est bon mangez-en