Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1140 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  images boutons formulaires

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

images boutons formulaires

n°1604609
liouan
Posté le 27-08-2007 à 16:48:57  profilanswer
 

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 ;)

mood
Publicité
Posté le 27-08-2007 à 16:48:57  profilanswer
 

n°1604654
xtof_83
Freeride Spirit
Posté le 27-08-2007 à 17:33:39  profilanswer
 
n°1604666
liouan
Posté le 27-08-2007 à 17:43:45  profilanswer
 

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

n°1604720
xtof_83
Freeride Spirit
Posté le 27-08-2007 à 20:00:59  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  images boutons formulaires

 

Sujets relatifs
Le traitement d'images et JavaLa squelettisation en traitement d'images sous builderC++
upload des images[ASP.net] Comment héberger ses images hors du site
Aperçu des images et photocopies Windows[résolu] CSS zoom limité à 30 images ?
Créer un groupe d'images à afficher aléatoirement à chaque actu.[PHP] envoyer des images...
Images liens[css][résolu] bloquer la superposition d'images
Plus de sujets relatifs à : images boutons formulaires


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR