Poster une réponse  Créer un sujet 
[CSS] Images à la place de boutons
Auteur Message
Yayef
Junior Member
**


Messages : 17
Groupe : Membres
Inscription : Dec 2006
Statut : Hors ligne
Réputation : 0
Message : #1
[CSS] Images à la place de boutons

J'ai un petit formulaire de recherche sur mon blog, avec la ligne suivante pour définir le bouton qui lance la recherche :

Code HTML :
<input type="submit" value="OK" />
Je voudrais remplacer le bouton par une image. Ca ne pose aucun problème si je modifie directement le code, qui devient alors quelque chose du genre
Code HTML :
<input type="image" src="img/button.jpg" />
Or, je voudrais pouvoir indiquer l'adresse du bouton non pas directement dans le code de la page, mais dans la feuille de style css, ce qui me permettrait de changer de bouton selon le style utilisé.

C'est possible ?


Moitié kangourou, moitié perroquet, c'est une souris.
Si les gens qui disent du mal de moi savaient exactement ce que je pense d'eux, ils en diraient bien davantage. (Sacha Guitry)
19/02/2007 09:55
Visiter le site internet de cet utilisateur Trouver tous les messages de cet utilisateur Citer ce message dans une réponse
CrazyCat
Administrator
*******


Messages : 130
Groupe : Administrateurs
Inscription : Feb 2007
Statut : Absent
Réputation : 0
Message : #2
RE: [CSS] Images à la place de boutons

Bien sûr que c'est possible Smile
Il suffit de lui donner une classe adaptée, ça doit ressembler à:

Code CSS :
input.submit{
   background: url(img/button.jpg);
}

Cette feuille de style modifie TOUS les boutons submit, il est bien sûr possible d'adapter pour un type de bouton:
Code CSS :
input.button perso{
   background: url(img/button.jpg);
}

Et l'appel se fait par:
Code HTML :
<input type="button" class="perso" />


L'erreur est humaine, mais il faut un ordinateur pour provoquer une catastrophe
19/02/2007 10:04
Visiter le site internet de cet utilisateur Trouver tous les messages de cet utilisateur Citer ce message dans une réponse
Yayef
Junior Member
**


Messages : 17
Groupe : Membres
Inscription : Dec 2006
Statut : Hors ligne
Réputation : 0
Message : #3
RE: [CSS] Images à la place de boutons

Merci ! Smile


Moitié kangourou, moitié perroquet, c'est une souris.
Si les gens qui disent du mal de moi savaient exactement ce que je pense d'eux, ils en diraient bien davantage. (Sacha Guitry)
19/02/2007 10:06
Visiter le site internet de cet utilisateur Trouver tous les messages de cet utilisateur Citer ce message dans une réponse
Poster une réponse  Créer un sujet 

Voir une version imprimable
Envoyer ce sujet à un ami
S'abonner au sujet | Ajouter le sujet aux favoris

Aller à :