Apparence bouton avec image

Bonjour,

Je rencontre un problème "esthétique".
J'ai des boutons monter/descendre à afficher sur mon formulaire.

Pour l'instant j'utilise ceci :

Code:

---

<tr> <td align="right"><button type=button onclick="executerFleche('doubleMonter','<csrf:token/>');"> <img border=0 src="../../images/doubleFlecheMonter.gif" align="middle"> </button></td> <td align="left"> En première position </td> </tr>

---

Cependant, avoir un gros bouton avec une petite image dedans n'est pas très "joli". J'ai réussi à trouver ce que je souhaitais avec :

Code:

---

<tr> <td align="right"><input type=image onclick="executerFleche('doubleMonter','<csrf:token/>');" src="../../images/doubleFlecheMonter.gif" /></td> <td align="left"> En première position </td> </tr>

---

Cependant, le problème avec le input type="image" est qu'il fait bien mon action javascript mais qu'il va faire un submit automatiquement (alors que je n'en veux absolument pas !).

Ma question est la suivante : Y aurait-il un moyen de désactiver le submit sur un input type=image ?

Merci d'avance ! ;)

Pourquoi ne pas mettre le onclick sur un élément image (<img>) et s'affranchir du bouton donc ?

Ce pourrait être une solution oui, pourrait-on également garder l'option de "pointeur" de la souris sur un élément de type <img> ? Histoire de "simuler" un bouton :)

Bien sûr, il suffit de lui appliquer le style cursor: pointer; via CSS par exemple

Niquel ! J'avais déjà pensé à cette possibilité mais je ne savais pas du tout comment faire merci :)

Du coup cela me donne ceci : (je n'ai pas le droit de toucher au CSS)

Code:

---

<tr> <td align="right"><img src="../../images/doubleFlecheMonter.gif" style="cursor: pointer;" onclick="executerFleche('doubleMonter','<csrf:token/>');"/></td> <td align="left"> En première position </td> </tr>

---

Sujet résolu ! :ccool:

Citation:

---

(je n'ai pas le droit de toucher au CSS)

---

C'est dommage, le style "inline" n'est pas tip top ;)