Bonjour ! Ou bonsoir

J'aurais une question à propos du bouton "input". Je sais qu'on peut masquer quelque chose à l'aide de ce code :

Code:

<div class="truc_a_deployer" onClick="this.firstChild.value=(this.firstChild.value=='Afficher le Profil')?'Masquer  le Profil':'Afficher le Profil';this.lastChild.style.display=(this.firstChild.value=='Afficher le Profil')?'none':'block';" style="text-align: center;">
<input value="Afficher le Profil" class="truc1" type="button" />
<div style="display: none;  text-align:left;">
CE QUI SERA DÉPLOYÉ
</div>
</div>

Seulement, avec le code, on est obligé d'avoir un bouton tout moche comme celui-ci : image.
Je sais qu'en supprimant uniquement "type="button"", on obtient un effet comme ceci : image.

Je voudrais donc savoir s'il est possible de mettre une valeur à "type" pour pouvoir mettre une image à la place d'un bouton en relief ou d'un semblant de saisie de texte =) S'il suffit de modifier quelque chose dans ce code ou s'il faut carrément en utiliser un autre.... =S

Note :

Spoiler:

oui il ya trop de variation pour avoir une image dans le button

tu pe faire comme ca

Code:

<input type="image" src="lien_de_image" />

mais la, tu va avoir des probleme avec le code javascript

je te conseil de prendre cette technqiue suivante :

Code:

.truc1{
  background: url(lien_de_image) no-repeat scroll 0 0 transparent;
  border: none;
  width: largeur_de_image
  height: hauteur_de_image
}

avec cette technique de css tu peux meme ajouter un :hover a l'image,pour le html c'est le meme que dans ton exemple

Year, ça marche =D Merci beaucoup Iowan !!

Je classe.