Plusieurs class pour un même objet

Salut,

Oui, c'est présent dans les spécifications, suivant la syntaxe que tu utilises, espace entre chaque nom de classe, no problemo.
Modifié par Christian Le Bouler (06 Jul 2007 - 00:13)

Bonsoir,

Cette syntaxe est tout fait valide et est correctement implémentée par les différents navigateurs.
D'après quelques recherches sur la toile, IE 6 pourrait connaître quelques difficultés, mais je n'en ai pour ma part, jamais rencontré.

Hello,

En fait, il me semble que le problème d'interprétation d'IE 6 se situe au niveau des sélecteurs à classes multiples. Par exemple :

[b]HTML[/b]
<div class="c2">Texte</div>

[b]CSS[/b]
div.c1.c2 {color: red;}

Dans ce cas, IE 6 affiche "Texte" en rouge.

Salut,

je rencontre justement un problème sur IE6 et IE7 à cause de ça.

J'ai ce code HTML :

<table width="100%">
<tr>
<td>Nom :</td>
<td><input type="text" size="30" class="input_gris width100" /></td>
</tr>
<tr>
<td>Prénom :</td>
<td><input type="text" size="30" class="input_gris width100" /></td>
</tr>
</table>

et ce code CSS :

.width100 {
width:100%;
}

input.input_gris {
border:1px solid #464646;
background:#727272;
}

Sur FF et Safari tout baigne alors que IE me rapetisse à max le input, ce qui fait que le 1er td s'élargit à fond...
Dès que j'enlève le "width100" dans l'attribut class du 1er input, tout redevient normal et le 2ème input prend même en compte la classe width100...

C'est à n'y rien comprendre

Après réflexion ce n'est pas le fait d'avoir plusieurs classes dans l'objet mais le width:100% que les input n'aiment pas beaucoup...