Stylisation de boutons

Bonjour,

J'ai un petit problème transverse entre HTML et CSS. Dans un formulaire, je dois utiliser plusieurs organes de soumission. Conceptuellement, il s'agit de plusieurs boutons, chacun déclenchant une action différente en soumettant le formulaire. J'ai comme contrainte de na pas avoir droit à JavaScript, donc pas droit aux onClick.

Bon, cette partie là est pas trop dure : chaque bouton est un <input type="submit" /> avec des attributs name et value qui sont évalués. Tout ça ok.

J'arrive à la partie qui pèche : la présentation. <input type="submit" /> a l'apparence d'un bouton. J'ai besoin qu'ils aient l'apparence de liens. Ok, le CSS

Code:

---

1 2 3 4 5 6

.submitStyle { background:none; border:2px solid blue; padding:2px; }

---

avec évidemment l'attribut class="submitStyle" marche bien.

Cependant, je suis limité dans la taille de certains boutons. L'ajout suivant fonctionne aussi :

Code:

---

1 2 3 4 5 6 7 8

.submitStyle { background:none; border:2px solid blue; padding:2px; width:100px; height:50px; }

---

Ok, sauf que du coup, un texte trop long est tronqué. Ma question est : est-il possible de gérer un retour à la ligne avec un <input type="submit" /> ? Si non, quelles sont les autres solutions avec mes contraintes ?

Merci par avance.

Bonjour,
Je crois qu'en faisant un simple retour à la ligne dans la "value" de ton bouton çà fonctionne :

Code:

---

1 2 3

<input name="button" type="submit" class="submitStyle" id="button" value="Envoyer (ici un retour à la ligne) ce forumlaire">

---

mouaip... merci pour l'intervention mais cette solution conviendra pas : le contenu de la value est inséré dynamiquement, et je me vois mal calculer les retour à la ligne.

Merci tout de même.