css et checkbox de formulaire...

css et checkbox de formulaire... - HTML/CSS - Programmation

Marsh Posté le 21-05-2002 à 16:48:09    

hello
 
je viens de decouvrir qu'on pouvait utilisé des css pour personnaliser des formulaires
 
j'ai donc fait la perso suivante :
 
http://www.richart.com/css.jpg
 
comme vous le remarquerez la perso porte sur les textbox
et le bouton submit.
 
mon soucis je n'arrive pas a donne le meme effet à la checkbox :(
(par effet je veux dire avoir une bordure toute fine sans relief)
 
est ce que quelqu'un peut m'aider ?
 
merci a+

 

[jfdsdjhfuetppo]--Message édité par Kikoune le 23-05-2002 à 11:12:49--[/jfdsdjhfuetppo]

Reply

Marsh Posté le 21-05-2002 à 16:48:09   

Reply

Marsh Posté le 21-05-2002 à 20:53:16    

:bounce:

Reply

Marsh Posté le 21-05-2002 à 20:59:32    

tu fais ca comment :??:


---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
Reply

Marsh Posté le 22-05-2002 à 09:45:51    

avec les css
 
dans un css j'ai ca par exemple :
 
.input  
{
border-width: 1;
border-color: 000000;
background: ffffff;
color: 000000
}
   
.bouton
{
border-width: 1;
border-color: 000000;
background: 999999;
color: ffffff
}
 
ensuite dans mes pages je link le fichier css et j'attribut les classes que j'ai créer comme ca :
 
<INPUT TYPE="text" NAME="truc" SIZE="15" MAXLENGTH="10" CLASS="input"> pour les textbox
 
<INPUT TYPE="submit" NAME="machin" VALUE="valider" CLASS="bouton">pour le bouton
 
(il est possible de ne pas attribuer les classes si on utilise les classes standards css pour les forms)
 
donc ce ke je viens de faire pour les textbox j'arrive pas a l'appliquer au radio ou au checkbox...

 

[jfdsdjhfuetppo]--Message édité par Kikoune le 22-05-2002 à 09:47:04--[/jfdsdjhfuetppo]

Reply

Marsh Posté le 22-05-2002 à 12:04:46    

:bounce:

Reply

Marsh Posté le 22-05-2002 à 15:10:11    

:bounce:

Reply

Marsh Posté le 22-05-2002 à 20:28:32    

:bounce:  :bounce:  :bounce:

Reply

Marsh Posté le 22-05-2002 à 20:29:45    

c'est impossible tout comme le select


---------------
Perdu ? Vous êtes ici : --> *
Reply

Marsh Posté le 22-05-2002 à 22:10:44    

Kikoune a écrit a écrit :

avec les css
 
dans un css j'ai ca par exemple :
 
.input  
{
border-width: 1;
border-color: 000000;
background: ffffff;
color: 000000
}
   
.bouton
{
border-width: 1;
border-color: 000000;
background: 999999;
color: ffffff
}
 
ensuite dans mes pages je link le fichier css et j'attribut les classes que j'ai créer comme ca :
 
<INPUT TYPE="text" NAME="truc" SIZE="15" MAXLENGTH="10" CLASS="input"> pour les textbox
 
<INPUT TYPE="submit" NAME="machin" VALUE="valider" CLASS="bouton">pour le bouton
 
(il est possible de ne pas attribuer les classes si on utilise les classes standards css pour les forms)
 
donc ce ke je viens de faire pour les textbox j'arrive pas a l'appliquer au radio ou au checkbox...  
 
 




 
merci :jap:
 
je ne pensais pas que les css allaient aussi loin :)


---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
Reply

Marsh Posté le 22-05-2002 à 22:11:36    

J-'-R a écrit a écrit :

c'est impossible tout comme le select  




 
il me semblait pourtant que certains avaient reussi a donner une couleur de fond par exemple au checkbox ... ?!


---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
Reply

Marsh Posté le 22-05-2002 à 22:11:36   

Reply

Marsh Posté le 22-05-2002 à 22:13:20    

il me semble que les checkbox ne gerent pas l'attribut border

Reply

Marsh Posté le 22-05-2002 à 22:32:08    

argh :(
 
pourtant je suis persuader d'en avoir deja vu sur un site
 
mais je me souviens pu ou :(

Reply

Marsh Posté le 22-05-2002 à 22:51:26    

c'etait peut etre un .gif  :D


---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
Reply

Marsh Posté le 23-05-2002 à 10:14:44    

ben faudrait que je retrouve le site
 
mais c vrai que j'ai vu un truc sur le net pour faire un js qui simule un checkbox
 
http://www.dkrz.de/~k202039/dhtml/ [...] forms.html
 
++

Reply

Marsh Posté le 23-05-2002 à 10:21:56    

le seul moyen est de faire deux images de cases à cocher : l'une cochée et l'autre non et de faire un chgmt d'images sur le click...
voil@ :hello:

Reply

Marsh Posté le 12-08-2009 à 18:22:12    

si vous avez touvez la solution j'aimerais bien la connaitre le lien ne marche pas
edit: j'ai trouvé là comment faire http://bormat2.free.fr/personnalisation_formulaire/


Message édité par bormat le 29-08-2009 à 14:43:31
Reply

Marsh Posté le 12-08-2009 à 18:28:46    

En 7 ans, j'espère bien qu'ils ont trouvé une solution quand même  :o

Reply

Marsh Posté le 12-08-2009 à 20:09:01    

Ya des addons pour jquery qui permettent de mettre une image à la place.
Il s'agit d'une image contenant le visuel des 4 états : blur coché, hover coché, blur décoché et hover décoché.
 
J'ai pas de source en tête comme ça. Regarde sur google.
 
Mais sinon ya moyen de refaire une checkbox perso sans passer par un framework lourd.
 
Tu fais une petite image carrée qui change de src quand on mouseover/click.  
A coté, une vraie checkbox caché (display:none) récupère la vraie valeur, permettant d'envoyer l'info quand le formulaire est soumis.
 
On peut tout se permettre avec javascript  :sol:


Message édité par Pascal le nain le 12-08-2009 à 20:09:54
Reply

Sujets relatifs:

Leave a Replay

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