Formulaire image bouton mais sans le texte
stefane321
-
monkey_monk Messages postés 611 Date d'inscription Statut Membre Dernière intervention -
monkey_monk Messages postés 611 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
comment puis-je faire pour mettre une image comme bouton et que le texte par defaut du value n'affiche pas
se que je veux dire .... bien en fait, je sais comment afficher une image comme bouton
mon problème est que le texte du bouton je veux quil soit dans l'image
là, peut importe que je mettre le value="Envoyer" ou que je ne lécrire pas il apparait quen même
voici mon code:
merci
comment puis-je faire pour mettre une image comme bouton et que le texte par defaut du value n'affiche pas
se que je veux dire .... bien en fait, je sais comment afficher une image comme bouton
mon problème est que le texte du bouton je veux quil soit dans l'image
là, peut importe que je mettre le value="Envoyer" ou que je ne lécrire pas il apparait quen même
voici mon code:
input.submit{
font-family: Verdana;
font-size:14px;
color:#000000;
background: url('images/submit-button.jpg') no-repeat top left;
padding: 2px 8px;
border: none;
font-weight:bold ;
text-align: left;
width: 189px;
height: 50px;
}
<input type="submit" name="submit" class="submit">
merci
Configuration: Windows XP Firefox 3.5.2
6 réponses
-
Bonjour,
Par défaut un bouton <input/> en type="submit" a comme valeur value="Envoyer" sur la plupart des navigateurs (pas sur tous il faut le savoir)
Donc pour faire un bouton sans texte, il suffit de mettre value="" pour lui indiquer de ne rien écrire =)
Autrement, il est également possible d'indiquer directement l'adresse de l'image comme suit:
<input type="sumit" src="image.gif" alt="Texte alternatif à ne pas négliger" name="submit" class="submit" />
Dernier détail: la balise input est autofermante, il faut un / en fin de balise comme pour les balises <br/> <hr/>, <img/>... -
Et en faisant un style="text-indent:-9999px;" ?
-
merci mais aucune de tes suggestion ne fonctionne
même si on n'écrit pas de texte dans le value le navigateur affiche envoyer
pour se qui est de :
<input type="sumit" src="image.gif" alt="Texte alternatif à ne pas négliger" name="submit" class="submit" />
pour que l'image soit afficher faut changer type="submit" par type="image"
en changeant ça je ne peut plus traiter de condition php sur le bouton -
HEUUUUUUU
J'ai testé le <input type="submit" value="" /> sur Firefox 3.5, IE6, IE8, Opera 9, chorme 2 et safari 3.0 et ça ne m'affiche qu'un bouton sans texte.....
Quel navigateur utilises-tu pour que ça ne marche pas? -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
Donc c'est résolu alors ? ^^
