Un bouton personnalisé -> comment faire?
Un bouton personnalisé -> comment faire? - HTML/CSS - Programmation
Marsh Posté le 03-08-2005 à 20:36:18
ben tu style le truc :
input.EnvoyerFichier{
background: url(monimage.gif) no-repeat;
width:50px;
height:30px;
text-indent:-5000;
}
puis en HTML:
<input class="envoyerFichier" type="submit" name="bouton_submit" value="Envoyer le fichier" />
Marsh Posté le 03-08-2005 à 20:42:46
Tu peux meme rajouter un effet d'enfoncement au clic de la souris en rajoutant :
input.EnvoyerFichier:active {
position: relative;
left: 2px;
top: 2px;
}
ca ne sera pas visible sur IE mais tant pis pour lui 
ca marchera sur les autres navigateurs
Sujets relatifs:
- [formulaire] dynamique [résolu, merci bl@p] + imput personnalisé
- Créer un bouton bitmap en y incluant le style XP
- Problème formulaire mail et bouton radio
- Bouton pour rafraichir une page
- bouton submit qui modifie une variable php
- Recupérer la valeur d'un bouton Radio sans faire de boucle?
- Conserver la position d'un bouton
- [JS] Faire disparaitre un bouton au lancement d'une fonction JS lourde
- bouton radio sur formulaire
- [Java] Bouton personnalisé
Marsh Posté le 03-08-2005 à 20:05:46
Bonjour à tous!!
Alors, voila j'ai fait un formulaire, avec un bouton classique:
<input type="submit" name="bouton_submit" value="Envoyer le fichier" />
Ce qui donne ce truc moche:
je voudrais le remplacer par ce bouton, mais avec la même fonction:
Comment faire pour avoir ce désign, avec la fonction de l'autre?
merci beaucoup d'avance!