Metre une image a la place d'un bouton validé
Résolu
zola-x304
Messages postés
35
Date d'inscription
Statut
Membre
Dernière intervention
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
mon problème et que, je ses mettre un bouton envoyer (en html ) se qui donne
<input type="submit" />
Mai qu'elle et le code que je doit taper pour mettre une petit image comme validation
J'espère que ma question et claire
Merci d'avance
mon problème et que, je ses mettre un bouton envoyer (en html ) se qui donne
<input type="submit" />
Mai qu'elle et le code que je doit taper pour mettre une petit image comme validation
J'espère que ma question et claire
Merci d'avance
A voir également:
- Metre une image a la place d'un bouton validé
- Ethernet n'a pas de configuration ip valide - Guide
- Mètre en ligne - Guide
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Meilleur place accor arena ✓ - Forum Loisirs / Divertissements
- Metre carré clavier ✓ - Forum Bureautique
5 réponses
Bonsoir,
Pas besoin de se prendre la tête avec du JavaScript, surtout si certains l'ont désactivé, ce qui empêcherait le clic.
Voici une solution plus simple :
HTML :
<input type="submit" class="button" id="valider" name="nom_du_bouton" value="Envoyer" />
CSS :
.button {
background:url('image_du_bouton.jpg'); // Lien vers l'image du bouton. Au format JPG, GIF ou PNG
width: ; // Largeur en pixels de l'image
height: ; // Hauteur en pixels de l'image
border:1px solid #FFF; // Application d'une fine bordure autour du bouton, de 1px, et de couleur blanche
}
En gros, j'ai donné une classe à mon bouton, et par le biais d'un fichier CSS, j'applique à cette classe, une image, une taille et un contour.
Pas besoin de se prendre la tête avec du JavaScript, surtout si certains l'ont désactivé, ce qui empêcherait le clic.
Voici une solution plus simple :
HTML :
<input type="submit" class="button" id="valider" name="nom_du_bouton" value="Envoyer" />
CSS :
.button {
background:url('image_du_bouton.jpg'); // Lien vers l'image du bouton. Au format JPG, GIF ou PNG
width: ; // Largeur en pixels de l'image
height: ; // Hauteur en pixels de l'image
border:1px solid #FFF; // Application d'une fine bordure autour du bouton, de 1px, et de couleur blanche
}
En gros, j'ai donné une classe à mon bouton, et par le biais d'un fichier CSS, j'applique à cette classe, une image, une taille et un contour.
Bonsoir,
<script language='JavaScript'>
function envoi() {
document.submit();
}
</script>
.../...
<form name=formulaire>
<img src='monimage.jpg' onclick=envoi();>
</form>
quelque chose dans ce genre là devrait le faire
<script language='JavaScript'>
function envoi() {
document.submit();
}
</script>
.../...
<form name=formulaire>
<img src='monimage.jpg' onclick=envoi();>
</form>
quelque chose dans ce genre là devrait le faire
je doit mettre quoi a la place de .../... ??
Faux.
Le slash ("/") est le symbole permettant d'écrire des commentaires à côté de nos lignes de code CSS.
L'intérêt des commentaires étant d'expliquer à quoi sert telle ou telle ligne, telle ou telle class, etc... dans le but de nous aider à nous remémorer ce que l'on a fait par le passé longtemps après ne plus y avoir touché. Ca aide également ceux qui arrivent derrière nous.
En CSS, le symbole exprimant le fait de passer à la suite est le point-virgule (";").
Le slash ("/") est le symbole permettant d'écrire des commentaires à côté de nos lignes de code CSS.
L'intérêt des commentaires étant d'expliquer à quoi sert telle ou telle ligne, telle ou telle class, etc... dans le but de nous aider à nous remémorer ce que l'on a fait par le passé longtemps après ne plus y avoir touché. Ca aide également ceux qui arrivent derrière nous.
En CSS, le symbole exprimant le fait de passer à la suite est le point-virgule (";").
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question