images boutons formulaires

images boutons formulaires - HTML/CSS - Programmation

Marsh Posté le 27-08-2007 à 16:48:57    

Bonjour,
je pose une question de base à laquelle je n'ai pas trouvé de réponse adéquate sur le net
 
je voudrais simplement que tous les boutons de mon site soients remplacés par des images
le problème, c'est que les boutons dans les formulaires sont réclacitrants
 
pour les boutons de type
 
<input type=submit>
 
j'ai réglé le problème avec du bricolage:
 
dans le fichier html:
<input type="submit" name="submit" value="creer" class="bouton">
 
et dans le css:
input.bouton{
 background-image:url('imagesFtp/fondBouton2.png');
}
 
le problème, c'est que j'ai un
<input type="file">
et avec un  
<input type="file" name="fichier" class="bouton">
ça ne marche pas
 
(et meme si ça marchait, comment je fais pour gérer indépendamment le style du champ de texte et du bouton "parcourrir..." )
 
je voudrais savoir si il y a quelque chose que je puisse mettre dans mon fichier CSS pour que tous les boutons de mes formulaires aient automatiquement
 
imagesFtp/fondBouton2.png
 
en fond, au lieu d'avoir des boutons blancs tous moches :)
 
merci d'avance ;)

Reply

Marsh Posté le 27-08-2007 à 16:48:57   

Reply

Marsh Posté le 27-08-2007 à 17:33:39    

Reply

Marsh Posté le 27-08-2007 à 17:43:45    

j'ai lu un peu son code, mais je n'arrive pas à voir quelle est la partie de son code qui a fait qu'il a changé le style de la checkbox :s

Reply

Marsh Posté le 27-08-2007 à 20:00:59    

Code :
  1. //initialisation de l'image
  2.             img.src = (allInp[i].checked) ? ImgCkbOn : ImgCkbOff;
  3.             img.ImgCkbOn = ImgCkbOn; //src img on
  4.             img.ImgCkbOff = ImgCkbOff; // src img off
  5.             allInp[i].id = (allInp[i].id) ? allInp[i].id : ("InpImgCkb"+Rnd)+i; //creation id for input
  6.             img.associated = allInp[i].id; //associate img with input
  7.             img.id = "Img" + img.associated; //add id
  8.             allInp[i].associated = img.id; //addociat input with img
 


Citation :

//initialisation de l'image

 

:sweat:

 


ps : et puis le reste du script, ou il ajoute des propriétés a l'input pour pas qu'il saffiche.


Message édité par xtof_83 le 27-08-2007 à 20:04:13
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed