IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
logo
Sommaire > Formulaires > Champs > Les champs INPUT > Les boutons
        Comment créer un bouton à coins arrondis ?



Comment créer un bouton à coins arrondis ?
auteur : Linaa
En utilisant une image à coins arrondis à la place du bouton.
Définition du bouton en XHTML
<input type="image" src="nom_image.gif" />
ou
Définition du bouton en XHTML avec classe CSS
<input type="button" class="arrondi" />
avec le CSS correspondant :
.arrondi {
  background: url("nom_image.gif");
  border: none;
  width: <largeur>px; /* largeur à spécifier */
  height: <longueur>px; /* longueur à spécifier */
  cursor: pointer;
}
Notes :
  • La différence entre les deux types de boutons est que dans le premier cas (type="image"), le bouton est assimilé à un bouton de type SUBMIT.
  • Les images en background d'un bouton ne s'affichent pas sur Safari.



Consultez les autres F.A.Q's


Valid XHTML 1.0 TransitionalValid CSS!

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2004 Developpez.com Developpez LLC. Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site ni de l'ensemble de son contenu : textes, documents et images sans l'autorisation expresse de Developpez LLC. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.