Checkbox et bouton radio en couleur sous IE

13 avr. 2006, 23:18

Salut à tous !

J'ai utilisé du CSS pour mettre un peu des couleur au formulaire. Le problème c'est que les checkbox et boutons radio sont encadré et sur un fond de couleur.

Alors j'ai chercher quelle partie de mon code faisait ça :

Code : Tout sélectionner

input {
border:1px solid black;
background-color:#D1EFFC;

Le problème c'est que lorsque je supprime ça, les champ "texte" n'ont plus de couleur. Pourtant j'aimerais que ces champ garde leur couleur, je veux juste l'enlever pour les boutons.

Et c'est que sur Internet Explorer que ça fait ça...

J'ai cherchai sur des site et ils donnent toujours le même code pour mettre ces champ de texte en couleur. Sur le forum, j'ai cherché et jai trouvé une personne qui avait ce problème, et on lui a conseiller de faire des "classes" je crois http://www.phpfrance.com/forums/voir_su ... -radio.php

Si vous savez comment faire...

Merci d'avance

13 avr. 2006, 23:48

N'oublie pas la possibilité de ne pointer que sur certains éléments inclus dans un autre : si par exemple tes cases à cocher sont dans un bloc à part identifié, tu peux parfaitement ne pointer que ceux là sans rien ajouter si ce n'est :

Code : Tout sélectionner

#id_bloc_parent input {
    propriété : valeur;
}

14 avr. 2006, 13:42

Et comment on créé un block ?

J'ai mis :

Code : Tout sélectionner

#champ-texte input {
border:1px solid black;
background-color:#D1EFFC;

Ensuite je sais pas ce que c'est un block, un <div> ?

<div align="left" class="champ-texte">
<input name="etiquette_portable" type="text" id="etiquette_portable">
</div>

14 avr. 2006, 13:45

Ahh je sais ce que j'avais fait de faux lol

J'ai mis "class", jai remplacer par "id" et ça marche.

Merci

14 avr. 2006, 14:41

Le problème c'est que tu ne peux utiliser un id qu'une seule fois en théorie...

Si tu veux avoir une présentation différente entre champs texte et boutons, ce serait plutôt des classes qu'il faudrait utiliser effectivement.
Le HTML :

Code : Tout sélectionner

<input type="text" name="champTexte" /><br />
<input type="submit" name="boutonSubmit" class="bouton" />

et la feuille de style :

Code : Tout sélectionner

input {
   border:1px solid black;
   background-color:#D1EFFC;
}

/* ceci ne s'appliquera que pour les input de class "bouton", qui auront seulement la bordure */
input.bouton {
   border:1px solid black;
}

15 avr. 2006, 20:43

Le problème c'est que tu ne peux utiliser un id qu'une seule fois en théorie...

Cest a dire ?

Sinon merci

15 avr. 2006, 23:12

À propos des éléments de bloc:

Il y a en html deux types : les éléments de bloc et les éléments en ligne :
- Les blocs, ce sont par exemple : <div>, <hn> (n = 1 à 6), <p>, <ul>, et encore quelques autres;
- Les éléments en ligne, ce sont par exemple : <span>, <a>, <img>

Lorsqu'on utilise un élément en ligne, ce qui est ajouté par la suite va se mettre à la suite sans revenir à la ligne lors de l'affichage. Un élément de bloc en revanche va forcer un retour de ligne à l'affichage :

Ainsi, deux <p></p> successifs s'afficheront l'un en dessous de l'autre. Mais deux éléments <span> peuvent être à l'intérieur d'un paragraphe et ne changeront pas la disposition des éléments.

On peut donner des dimensions à un bloc. Pour un élément en ligne, il faut le transformer en bloc pour pouvoir le faire : on fait ça avec display: block. De même qu'on peut tranformer un élément de bloc en élément en ligne avec la même propriété : display: inline

16 avr. 2006, 00:02

Le problème c'est que tu ne peux utiliser un id qu'une seule fois en théorie...
Cest a dire ?
Sinon merci

ça veut dire que "id" signifie "identifiant", donc tu ne peux pas avoir 2 identifiants identiques pour 2 objets différents, c'est plutôt logique.

D'ailleurs si tu passes ton code au validateur W3C il devrait te le signaler.

Maintenant si ça ne te gêne pas...

Mais bon pour attribuer des styles différents à des groupes d'éléments, je trouve ça bien plus logique de passer par des classes, que par les ID.

Checkbox et bouton radio en couleur sous IE

Qui est en ligne