Discussion :

[lodan]

Bonjour,

J'ai déceloppé mon appli en mettant partout des boutons sous la forme :

Code :

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

<input type="button" name="Miseajour" onclick='envoi(this, this.form.id);' value="Mise à jour">

Je voudrais mettre un image, alors j'ai fait comme ceci :

Code :

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

<input type="image" src="{#prefixe_site#}images/Bouton 3.png" name="Miseajour" onclick='envoi(this, this.form.id);' value="Mise à jour">

J'ai bien mon bouton, mais je n'ai plus le texte "Mise à jour" dedans.

Dois-je faire autant d'image de bouton que j'ai de texte différent ?

Merci d'avance

[Joe-La-Boule]

Tu a essayé plutot avec CSS ?

[lodan]

Heu c'est intéressant, je penses même hachement mieux que ce que je voulais faire. Donc du genre :

Code :

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

1
2
3
4
5
<div id="piedForm">
<ul>
<li><input type="????" name="Retour" onclick='envoi(this, this.form.id);' value="Retour"<span>Retour</span></a></li>
</ul>
</div>

Css

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
#piedForm {
      display:inline;
      margin:0;
      padding:0;
}
    #piedForm a {
      float:left;
      background:url("../images/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #piedForm a span {
      float:left;
      display:block;
      background:url("../images/tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:grey;

Mais là je calle pour la partie "input" de mon bouton.

[Joe-La-Boule]

Selon moi faut faire ca avec CSS + Javascript sachant que je pourrait plus vraiment t'aider car JavaScript et moi ca fait deux !

[lodan]

Merci de m'avoir aiguillé vers le CSS, je creuse de ce côté là.

[Bisûnûrs]

Tu as mal recopié ton code où est-il vraiment comme ça :

Code HTML :

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

1
2
3
4
5
<div id="piedForm">
<ul>
<li><input type="????" name="Retour" onclick='envoi(this, this.form.id);' value="Retour"<span>Retour</span></a></li>
</ul>
</div>

Parce que ton input n'est pas fermé ...

Possibilité :

Code HTML :

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

<input type="button" name="Miseajour" onclick='envoi(this, this.form.id);' value="Mise à jour" style="background:url(adressedetonimage);width:largeurdetonimage;height:hauteurdetonimage;">

Mais l'image n'est pas affichée sous Safari.