Formulaire image bouton mais sans le texte
stefane321
-
monkey_monk Messages postés 681 Statut Membre -
monkey_monk Messages postés 681 Statut Membre -
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
A voir également:
- Formulaire image bouton mais sans le texte
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook compte désactivé - Guide
- Insérer une image dans word sans bouger le texte - Guide
- Extraire texte d'une image - Guide
- Réinitialiser chromecast sans bouton - Guide
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/>...
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/>...
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 :
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
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?
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