Rechercher : dans
Par :

Formulaire image bouton mais sans le texte

Dernière réponse le 27 aoû 2009 à 17:22:58 stefane321, le 27 aoû 2009 à 00:50:56 
 Signaler ce message aux modérateurs

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:

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

Meilleures réponses pour « Formulaire image bouton mais sans le texte » dans :
[Webmaster] Un formulaire de contact pour votre site VoirCe formulaire permet d'avoir une page pour être contacté sur son site, sans utiliser de logiciel de messagerie. La personne qui vous contacte indique son adresse, l'objet du message et son message (évidemment). Le code est une version...
Inverser le texte dans Word (effet miroir) VoirS'il est possible d'effectuer une rotation du texte avec Word (icône zone de texte, puis format / orientation du texte), celui-ci ne permet en revanche pas de faire des opérations de symétrie. La solution consiste donc à insérer une image contenant...
PHP - Récupération de données VoirPHP rend très simple la récupération de données envoyées par l'intermédiaire de formulaires HTML. Création d'un formulaire Grâce à la balise FORM du langage HTML, il est très simple de créer des formulaires comprenant : des champs de saisie des...
PHP - Génération d'images VoirPrérequis PHP permet de créer des images au format GIF à l'aide d'une librairie de fonctions prévue à cet effet. La librairie permettant de créer et manipuler des fichiers graphiques se nomme GD, ainsi, pour pouvoir utiliser ces fonctions il faut...

1

M@dien, le 27 aoû 2009 à 09:29:17

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/>... Pour plus de rapidité, expliquez bien votre problème, cela évitera des échanges inutiles.
Si vous ne prenez pas le temps d'écrire en français correct, on ne prendra peut-être pas le temps de vous répondre...
Pensez-y.

Répondre à M@dien

2

stefane321, le 27 aoû 2009 à 16:19:34

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

Répondre à stefane321

3

monkey_monk, le 27 aoû 2009 à 17:03:34

Et en faisant un style="text-indent:-9999px;" ?

[Monkey Monk]
That's all folks !

Répondre à monkey_monk

4

M@dien, le 27 aoû 2009 à 17:04:02

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? Pour plus de rapidité, expliquez bien votre problème, cela évitera des échanges inutiles.
Si vous ne prenez pas le temps d'écrire en français correct, on ne prendra peut-être pas le temps de vous répondre...
Pensez-y.

Répondre à M@dien

5

stefane321, le 27 aoû 2009 à 17:13:29

Étrante, peut-être la cache de mon navigateur ma jouer un tour car là sa marche

merci

Répondre à stefane321

6

 monkey_monk, le 27 aoû 2009 à 17:22:58

Donc c'est résolu alors ? ^^ [Monkey Monk]
That's all folks !

Répondre à monkey_monk