Coins arrondis sur input : meilleure solution ?

Salut

Je suis en train de réaliser une mise en page pour le futur site d'un client dans laquelle il y a des boutons arrondis. Je travaille au maximum en CSS car connaissant le client il va me demander de changer un truc tous les jours et je veux donc que tout soit très flexible. J'ai fais une petite recherche sur developpez et sur google et voilà ce que j'ai trouvé :

- dans la FAQ, il est suggéré de faire un tableau, de mettre les coins dans les 4 cases concernées et de mettre l'input au millieu --> cette solution ne me plait que très moyennement de part l'utilisation d'un tableau

- sur google, ils disent de mettre une image de fond à l'input --> super seulement si le bouton varie en taille, je me vois pas faire une image par taille de bouton

- il existe une propriété CSS mais elle ne fonctionne que sous Mozilla et 99% des internautes seront certainement sous IE

Avez vous d'autres idées ? Quelle est pour vous la meilleure solution ?

J'aimerai bien trouver quelque chose en CSS, n'être gênée ni par la taille du bouton, ni par sa couleur (c'est à dire modifiable dans la feuille de style)

Merci pour vos idées !

Voici 2 liens qui pourront peut etre t'aider :

http://css-discuss.incutio.com/?page=RoundedCorners
http://articles.e-t172.net/round/

ca ne m'avance pas trop en fait

j'ai pensé faire un div arrondi dans lequel je met mon bouton mais pas moyen que ca fasse pile poil la taille du bouton en hauteur, même en mettant les marges à 0 :?

On peux voir ton code du bouton stp

Je vais me permettre un hors sujet, mais je trouve que l'on se prend souvent beaucoup la tête pour des histoires de graphisme comme celle-ci alors que le visiteur se contrefiche que les coins soient ronds ou carrés.

le visiteur peut être, mais mon client non :roll:

Ouais mais tu peux pas lui expliquer ? Sinon pour ton truc, j'aurais pris la solution du tableau, au moins c'est compatible.

Salut

Tes input sont de type button ou submit ?

Citation:

---

Envoyé par JackBeauregard

Ouais mais tu peux pas lui expliquer ? Sinon pour ton truc, j'aurais pris la solution du tableau, au moins c'est compatible.

---

euh, le client veut quelque chose, on lui fait. C'est la politique de la boîte, surtout qui ce notre plus gros client et que c'est lui qui fait que j'ai à mangé dans mon assiette :roll:

Pour le tableau, ce qui ne me plait pas, c'est qu'on est censé y coller des données tabulaires. Je les utilise pour la mise en forme qu'en dernier recours, quand j'ai des bugs d'affichage en passant d'un navigateur à un autre.

Code:

---

1 2 3

Salut   Tes input sont de type button ou submit ?

---

Pour l'instant submit mais je vais surement en avoir besoin sur des types button aussi.

Sinon pour la personne qui m'a demandé le code avec les div arrondis, je le donne dans la journée car en fait j'ai tout cassé en testant pleins de trucs hier :lol:

ça c'est les femmes, ça sait pas bricoler. Faut faire une sauvegarde à chaque version, ça évite d'avoir à tout recommencer après les tests.

Pourquoi ne pas utiliser une image à la place du bouton et utiliser du DHTML ?
Avec un attribut onclick ?

Citation:

---

Envoyé par Oluha

Pour l'instant submit mais je vais surement en avoir besoin sur des types button aussi.

---

Pour les types submit tu peux les remplacer par un

Code:

---

<input type="image" src="...">

---

Utiliser une image comme ça n'est pas très dynamique il faudra faire une image spécifique a chaque bouton si sa taille change (a moins que je me trompe)

Citation:

---

Envoyé par Yoshio

Utiliser une image comme ça n'est pas très dynamique il faudra faire une image spécifique a chaque bouton si sa taille change (a moins que je me trompe)

---

oui c'est exactement ce que j'ai dis dans mon premier post : je ne veux pas utiliser d'image, car pas assez flexible.

Finalement je crois qu'il n'y a pas de meilleure solution que mettre mon boutton dans un div arrondi en CSS. Merci quand même.