28172 sujets

CSS et mise en forme, CSS3

Bonjour,


label {
   display: block;
}
label[for="inscription-label"] {
   background: url(images/bg_inscription.png);
}


Marche bien sous FF, marche pas sous IE7 (display ok, mais pas de background).
J'hallucine ?

Developpant sous Zend Framework, je n'ai pas la possibilité d'attribuer de classe ou d'id à ces labels. Je n'ai que l'attribut for= de disponible.
Y a t-il une alternative ?

Merci pour votre aide et vive IE.
Modifié par supertino7 (01 Jul 2009 - 18:18)
Bonjour,
ton document possède t'il un doctype ?

Celà règle parfois les problèmes liés à ie. Cependant, je crois que cette syntaxe est peu recommandée avec ie.
Testé à l'instant et la syntaxe de sélecteur d'attribut que tu utilises fonctionne sous IE7 (pas IE6). Peut-être un problème ou une limite spécifique à l'élément LABEL ou à l'attribut for?

Edit: bien entendu, la page ne doit pas être en mode Quirks.
Modifié par Florent V. (01 Jul 2009 - 17:39)
Ouch, merci d'être arrivés nombreux Smiley lol

J'ai bien un doctype XHTML1.0 STRICT.

Florent.V > bizarre que ça marche chez toi o_o, c'est quoi ta syntaxe pour voir ?

Sinon, j'ai trouvé la solution. Apparemment sous IE, "for" est un mot réservé. Il faut utiliser "htmlFor".


label[for="inscription-label"] {
   background: url(images/bg_inscription.png);
}

/** Pour IE *//
label[htmlFor="inscription-label"] {
   background: url(images/bg_inscription.png);
}


Du coup, je suis obligé de le définir deux fois. En attendant que tout le monde migre sous IE8.
supertino7 a écrit :
Florent.V > bizarre que ça marche chez toi o_o, c'est quoi ta syntaxe pour voir ?

J'ai dit que la syntaxe marche. Pas que ça marche spécifiquement avec l'attribut for. Smiley cligne