[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;
}

[HTML] associer une image à un bouton

HTML

Vue hybride

Discussions similaires

Partager

Partager