Metre une image a la place d'un bouton validé
Résolu/Fermé
zola-x304
Messages postés
35
Date d'inscription
lundi 6 octobre 2008
Statut
Membre
Dernière intervention
7 avril 2009
-
24 nov. 2008 à 18:16
Utilisateur anonyme - 24 nov. 2008 à 20:46
Utilisateur anonyme - 24 nov. 2008 à 20:46
A voir également:
- Metre une image a la place d'un bouton validé
- Ethernet n'a pas de configuration ip valide - Guide
- Metre virtuel - Guide
- Image iso - Guide
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image d’ours polaire sur une image de plage. retrouvez l'image originale de la plage. que cache l'ours polaire ? - Forum Loisirs / Divertissements
- Metre cube sur clavier ✓ - Forum Bureautique
5 réponses
XanderS2X
Messages postés
430
Date d'inscription
jeudi 6 novembre 2008
Statut
Membre
Dernière intervention
1 février 2009
26
24 nov. 2008 à 18:47
24 nov. 2008 à 18:47
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.
Utilisateur anonyme
24 nov. 2008 à 18:40
24 nov. 2008 à 18:40
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
zola-x304
Messages postés
35
Date d'inscription
lundi 6 octobre 2008
Statut
Membre
Dernière intervention
7 avril 2009
24 nov. 2008 à 18:44
24 nov. 2008 à 18:44
Merci je vais esseiller sa ( je conner pas le javaScrip ses pour sa )
zola-x304
Messages postés
35
Date d'inscription
lundi 6 octobre 2008
Statut
Membre
Dernière intervention
7 avril 2009
24 nov. 2008 à 18:52
24 nov. 2008 à 18:52
je doit mettre quoi a la place de .../... ??
XanderS2X
Messages postés
430
Date d'inscription
jeudi 6 novembre 2008
Statut
Membre
Dernière intervention
1 février 2009
26
24 nov. 2008 à 18:55
24 nov. 2008 à 18:55
Dans le CSS, aux attributs width et height ?
Si oui, vous devez spécifier une valeur numérique correspondant aux dimensions (largeur et hauteur) de votre image.
Exemple : width : 10px; ;)
Si oui, vous devez spécifier une valeur numérique correspondant aux dimensions (largeur et hauteur) de votre image.
Exemple : width : 10px; ;)
XanderS2X
Messages postés
430
Date d'inscription
jeudi 6 novembre 2008
Statut
Membre
Dernière intervention
1 février 2009
26
>
Utilisateur anonyme
24 nov. 2008 à 18:58
24 nov. 2008 à 18:58
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 (";").
Utilisateur anonyme
>
XanderS2X
Messages postés
430
Date d'inscription
jeudi 6 novembre 2008
Statut
Membre
Dernière intervention
1 février 2009
24 nov. 2008 à 19:00
24 nov. 2008 à 19:00
Bpnsoir,
je pense que la question était plutot dans le message que j'ai mis, car dans le vôtre il n'y a pas de .../...
je pense que la question était plutot dans le message que j'ai mis, car dans le vôtre il n'y a pas de .../...
XanderS2X
Messages postés
430
Date d'inscription
jeudi 6 novembre 2008
Statut
Membre
Dernière intervention
1 février 2009
26
>
Utilisateur anonyme
24 nov. 2008 à 19:17
24 nov. 2008 à 19:17
Oups, effectivement.
Désolé ;) !
Désolé ;) !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
zola-x304
Messages postés
35
Date d'inscription
lundi 6 octobre 2008
Statut
Membre
Dernière intervention
7 avril 2009
24 nov. 2008 à 18:54
24 nov. 2008 à 18:54
Oker merci beaucoup se renseignement mai très utile
