[HTML] associer une image à un bouton

**info_plus** · 18/07/2007, 14h03

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.

est ce que c'est possible en HTML

merci par avance

**chaminette** · 18/07/2007, 14h42

Y a plusieurs ecoles :
- soit tu utilises les balises <img> et <button> de cette manière :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**trotters213** · 18/07/2007, 14h44

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

PS : en HTML c'est valeur="texte" et non valeur=texte ou valeur='texte'

**info_plus** · 18/07/2007, 17h28

j'ai écris ce code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

**blueice** · 18/07/2007, 18h46

C'est pas bouton, mais button !

**info_plus** · 19/07/2007, 12h51

Bonjour,

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**Madfrix** · 19/07/2007, 13h13

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

le CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**trotters213** · 19/07/2007, 13h40

Et si tu regardais le lien que je t'ai donné ? non ?

**giragu03** · 19/07/2007, 13h48

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

**trotters213** · 19/07/2007, 13h53

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.

**chaminette** · 19/07/2007, 14h10

En meme temps ouvrir une balise <button> et fermer avec </bouton> il doit pas trop aimer !!!

**info_plus** · 19/07/2007, 14h18

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

l'image n'apparait plus...

**info_plus** · 19/07/2007, 14h24

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...

**trotters213** · 19/07/2007, 14h29

C'est dans la FAQ sinon : http://xhtml.developpez.com/faq/?pag...outon_arrondis

**chaminette** · 19/07/2007, 14h40

et uassi quand on met

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**info_plus** · 19/07/2007, 14h59

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...

[HTML] associer une image à un bouton

HTML

Discussions similaires

Partager

Partager