[HTML] associer une image à un bouton

Version imprimable

18/07/2007, 14h03
info_plus

[HTML] associer une image à un bouton

Bonjour à tous,

j'ai une page HTML qui contient des boutons avec des attributs valeur='texte' exemple (value=modificationou value=selction).

j'aimerai avoir des images au lieu du texte.

:roll: est ce que c'est possible en HTML:roll:

merci par avance;)
18/07/2007, 14h42
chaminette
Y a plusieurs ecoles :
- soit tu utilises les balises <img> et <button> de cette manière :
Code:

1 2 <button> <img src="blabla.gif"></button>
- soit tu utilises une feuilles de styles et tu spécifies l'allure de ton bouton en mettant en arrière plan une image. pour cela il faut utiliser l'attribut : background
18/07/2007, 14h44
trotters213

:salut:
http://cyberzoide.developpez.com/html/form.php3#button

PS : en HTML c'est valeur="texte" et non valeur=texte ou valeur='texte' ;)
18/07/2007, 17h28
info_plus
j'ai écris ce code:
Code:

1 2 <bouton type=submit name=action><img src="c:\image.gif"></bouton>
le problème c'est que l'image apparait à la place du bouton mais il ne fonctionne plus.peut etre ça sera utile de vous dire que mes boutons tous portent le même nom :"action" car ils se reffèrent tous au même code php...

:bug:
18/07/2007, 18h46
blueice

C'est pas bouton, mais button !

Bonjour,
:oops: c'etait une faute_de_frappe "bouton", ça ne marche pas avec button.:oops:

:roll: voila mon code il un peux long,je ne sais pas si vous pouvez m'aider,j' arrive résoudre ce problème:(

Code:

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
 
<html>
<HEAD>
<TITLE>Zone Nationnale</TITLE>
<link rel="stylesheet" type="text/css" href="z_nat.css">
</HEAD>
 
<Form method="POST" action="z_nat.php">
<div id="cadre1">
          <table  align=center>
             <TR>
                 <TD>Num Zone</TD>
                 <TD>
                     <input type=texte size=10 name="num">                  
                 </TD>
 
                 <TD>Libelle Zone</TD> 
                 <TD>
                     <input type=texte size=10 name="libelle">                  
                 </TD>
             </TR>
          </table>
</div>
 
<div id="cadre2">
 
<table align=center border="1" cellcpacing="0" cellpading="0">
<?php
if (@$_POST['action']=="selection")
{if (($_POST['num']=="") && ($_POST['libelle']==""))
     {
      mysql_connect("127.0.0.1","root","") or die("erreur de connexion au serveur!!");
      mysql_select_db("gestfact") or die ("\n erreue de connexion a la base!!");
      $result=mysql_query('select * from zones_nationales')or die(mysql_error());
      if (!(mysql_fetch_row($result)))
         {
           echo "Aucune valeur trouvee";
         }
      else
         {   
             ?>
             <TR>
                  <TH>Code Zone</TH>
                  <TH>Libelle Zone</TH>
             </TR>
              <? 
              while($row=mysql_fetch_row($result))
                    {
                      $numero=$row[0];
                      $nom=$row[1];
           
                      echo "<TR>
                                <TD>$numero</TD>
                                <TD>$nom</TD>
                            </TR>";
                     }
          }
    }
  mysql_close();
}
 
else  
    {
       if (@$_POST['action']=="modification")
          {
             if ($_POST['num']=="")
               { 
                 echo "modification impossible : veuillez entrer le numéro de la zone"; 
               }
             else
               { 
                 mysql_connect("127.0.0.1","root","") or die("erreur de connexion au serveur!!");
                 mysql_select_db("gestfact") or die ("\n erreue de connexion a la base!!");
                 $result=mysql_query('update zones_nationales set libelle_zone="'.$_POST['libelle'].'" where num_zone="'.$_POST['num'].'"')or die(mysql_error());
                 if($result==1)
                   { echo "modification effectuée avec succées";}             
                 else { echo "modification impossible!!!";}
               }
           }
 
     ?>
</table>
</div>
 
 
<div id="cadre3">
<table align=center>
 <TR>
        <TD>
             <button type=submit name="action" value=selection><img src="C:\atteindre.gif></boutton>
          
        </TD>
        <TD>
                <button type=submit name="action" value=selection><img src="C:\modifier.gif></boutton>
 
        </TD> </TR>
</table>
</div>
</form>
</html>

Code:

1
2
 
<input type="button" class="bouton">

le CSS :

Code:

1
2
3
4
 
.bouton{
background-image : URL_IMAGE;
}

19/07/2007, 13h40
trotters213

Et si tu regardais le lien que je t'ai donné ? non ?
19/07/2007, 13h48
giragu03

Salut,
Je ne suis pas sûr que les balises fermantes </boutton> marchent très bien.
19/07/2007, 13h53
trotters213

Citation:

Envoyé par giragu03

Salut,
Je ne suis pas sûr que les balises fermantes </boutton> marchent très bien.

C'est "button" et non "bouton" et il existe forcément une balise fermante vu que cette balise fait partie de la DTD XHTML.
19/07/2007, 14h10
chaminette

En meme temps ouvrir une balise <button> et fermer avec </bouton> il doit pas trop aimer !!!
19/07/2007, 14h18
info_plus
Désolée,mais ça marche pas non plus.

C'est claire que je débute en html aussi bien qu'en css.

Le problème c'est que j'ai 4 boutons qui porte le même nom "action" et chacun a une valeur différente de l'attribut value(value=modification,value=selection...)

Si j'utilise l'attribut value=... avec la solution :
Code:

1 2 <input type="button" class=bouton>
l'image n'apparait plus...:( :(
19/07/2007, 14h24
info_plus

les balises </bouton> sont, encors une fois, faute de frappe parce que je fais une copie du code puis je le modifie pour pouvoir le réduire un peux...
19/07/2007, 14h29
trotters213

C'est dans la FAQ sinon : http://xhtml.developpez.com/faq/?pag...outon_arrondis
19/07/2007, 14h40
chaminette

et uassi quand on met

Code:

<input type="button" class="bouton">
19/07/2007, 14h59
info_plus

Je pense pas que ça pose un problème class="bouton"...

j'ai essayé toutes les solutions mais ça ne marche pas:l'image apparait mais le bouton n'est plus fonctionnel..

je pense que c'est du au changement de la valeur de l'attribut "value" car dans le code PHP je test sur cette derniere...

peut être, je dois poser cette question dans le forum PHP...

merci tout le monde...:aie: :aie: