IE : Class + ID en même temps...

24 réponses

Page 1 2

Auteur	Message
Bool \| Modérateur Inscrit le : 09/05/2005	# Le 08/11/2005 à 16:42 grrr, j'ai essayé quelques combinaisons, rien à faire, IE ne veut rien entendre : J'ai un code HTML de ce genre : <div id="bidule" class="toto"> XXXXX </div> Que j'essaye de "styliser" via CSS : #bidule.toto { color:red } ou .toto#bidule { color:red } Mais ça ne fonctionne pas.... Connaitriez vous une syntaxe qui passe pour cet abruti de butineur ? (sans ajouter de balises conteneur dans le code HTML hein... parce que ça, je sais faire ;)) daevel : infogérance et conseil \|\| moi
DarkSquall \| Membre Inscrit le : 27/08/2005	# Le 08/11/2005 à 17:09 Et si tu fais simplement : .toto { color:red } ? Isyweb.com
DarkSquall \| Membre Inscrit le : 27/08/2005	# Le 08/11/2005 à 17:10 Sinon #bidule .toto { color:red } devrais fonctionner... Isyweb.com
Julgates \| Julien Administrateur Inscrit le : 09/03/2005	# Le 08/11/2005 à 17:12 DarkSquall a dit : Sinon #bidule .toto { color:red } devrais fonctionner... complètement... Shopping Time Network - Founder / CTO
Bool \| Olivier Modérateur Inscrit le : 09/05/2005	# Le 08/11/2005 à 18:09 DarkSquall a dit : Et si tu fais simplement : .toto { color:red } ? Bah ce n'est pas du tout le but recherché... Julgates a dit : DarkSquall a dit : Sinon #bidule .toto { color:red } devrais fonctionner... complètement... Euh... z'avez essayé ? Ca ne fonctionne pas du tout, et quel que soit le navigateur. Le séparateur "espace" implique que "#bidule" et ".toto" fassent référencent à des balises différentes... daevel : infogérance et conseil \|\| moi
jerome347 \| Jérôme Membre Inscrit le : 09/05/2005	# Le 08/11/2005 à 18:25 Bool a dit : Euh... z'avez essayé ? Ca ne fonctionne pas du tout, et quel que soit le navigateur. Si le but est d'afficher le texte en rouge, #bidule.toto fonctionne.
flush \| Jean-Philippe Modérateur Inscrit le : 09/05/2005	# Le 08/11/2005 à 18:25 div#bidule{ } div.toto{} te donne quoi ? @+ Jean-Philippe
Bool \| Olivier Modérateur Inscrit le : 09/05/2005	# Le 08/11/2005 à 18:52 rah.... effectivement.... je viens d'essayer chez moi, et ça marche.... mon bout de code : <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <body> <style> #bidule { text-align:center; } .toto { font-weight:bold; } #bidule.toto { color:red; } </style> <div id="bidule" class="toto"> Petit texte </div> </body> </html> bon... bah soit je suis bigleux, soit c'est le IE du taff qui a un coup dans l'aile.... merci les filles ! daevel : infogérance et conseil \|\| moi
jerome347 \| Jérôme Membre Inscrit le : 09/05/2005	# Le 08/11/2005 à 22:35 Je me pose la question depuis tout à l'heure : c'est quoi le but ? Sachant qu'un id est censé être unique, #bidule tu n'est censé le déclarer qu'une fois et ne l'utiliser qu'une fois. Pourquoi lui ajouter en plus une class ?
erwinol \| Erwin Membre Inscrit le : 09/05/2005	# Le 08/11/2005 à 22:41 Si tu veux appliquer un style à #bidule. Le style est déjà définit ailleurs et peut être changé à plusieurs reprises, voire être repris dans un système de skins. Autant éviter un maximum les répétitions d'attributs CSS et donc réutiliser le code déjà écrit. Celà dit j'aurais fait comme toi :p
Bool \| Olivier Modérateur Inscrit le : 09/05/2005	# Le 08/11/2005 à 23:03 Si tu veux appliquer un style à #bidule. Le style est déjà définit ailleurs et peut être changé à plusieurs reprises, voire être repris dans un système de skins. Autant éviter un maximum les répétitions d'attributs CSS et donc réutiliser le code déjà écrit. Voilà, merci daevel : infogérance et conseil \|\| moi
Julgates \| Julien Administrateur Inscrit le : 09/03/2005	# Le 08/11/2005 à 23:04 et "l'héritage" css ne serait pas plus pratique ? Shopping Time Network - Founder / CTO
Bool \| Olivier Modérateur Inscrit le : 09/05/2005	# Le 08/11/2005 à 23:07 bah pas dans ce cas... :? ou alors je suis toujours pas réveillé... daevel : infogérance et conseil \|\| moi
Julgates \| Julien Administrateur Inscrit le : 09/03/2005	# Le 08/11/2005 à 23:53 beh c surement plus simple au sein de ta css de faire ça : #bidule { text-align:center; } .toto { font-weight:bold; } #bidule, .toto { color:red; } Shopping Time Network - Founder / CTO
Bool \| Olivier Modérateur Inscrit le : 09/05/2005	# Le 09/11/2005 à 00:20 bah non, parce que là tu fixes en rouges tous les éléments de la classe "toto"... et systématiquement #bidule en rouge également. Ce qui ne correspond évidement pas à ce que je cherche. Je ne veux #bidule en rouge, que lorsqu'il a la classe "toto". Et aucun autre élément de "toto" n'a a être rouge. daevel : infogérance et conseil \|\| moi
Julgates \| Julien Administrateur Inscrit le : 09/03/2005	# Le 09/11/2005 à 08:45 Tu fais du CSS à l'envers alors Shopping Time Network - Founder / CTO
Bool \| Olivier Modérateur Inscrit le : 09/05/2005	# Le 09/11/2005 à 09:24 ah ? en quoi est-ce "à l'envers" ? en tous cas, je viens de ré-essayer au taf, si je prends une version simplifiée du bazard, ça marche. Mais dans la page complète, marche po... j'ai du faire une boolette ailleurs. daevel : infogérance et conseil \|\| moi
Bool \| Olivier Modérateur Inscrit le : 09/05/2005	# Le 09/11/2005 à 09:34 mmmffff.... là j'ai mal au crane d'un seul coup... ça ça marche pas : (ça reste en "blanc") #bidule.truc { background-color:green; } #bidule.toto { background-color:red; } ça ça marche : (c'est bien en rouge) #bidule.toto { background-color:red; } #bidule.truc { background-color:green; } daevel : infogérance et conseil \|\| moi
Rano \| Jean Modérateur Inscrit le : 13/04/2005	# Le 09/11/2005 à 10:57 et .truc est bien en vert ? Chambres d'hote tavel Séjours en provence Forum mariage
Bool \| Olivier Modérateur Inscrit le : 09/05/2005	# Le 09/11/2005 à 12:05 pas essayé, mais je suppose que oui.... pourquoi ? daevel : infogérance et conseil \|\| moi

Auteur

Message

Bool |
Modérateur

Inscrit le : 09/05/2005

# Le 08/11/2005 à 16:42

grrr, j'ai essayé quelques combinaisons, rien à faire, IE ne veut rien entendre :

J'ai un code HTML de ce genre :

<div id="bidule" class="toto"> XXXXX </div>

Que j'essaye de "styliser" via CSS :

#bidule.toto { color:red }

.toto#bidule { color:red }

Mais ça ne fonctionne pas....
Connaitriez vous une syntaxe qui passe pour cet abruti de butineur ? (sans ajouter de balises conteneur dans le code HTML hein... parce que ça, je sais faire ;))

daevel : infogérance et conseil || moi

DarkSquall |
Membre

Inscrit le : 27/08/2005

# Le 08/11/2005 à 17:09

Et si tu fais simplement :

.toto { color:red } ?

Isyweb.com

DarkSquall |
Membre

Inscrit le : 27/08/2005

# Le 08/11/2005 à 17:10

Sinon #bidule .toto { color:red } devrais fonctionner...

Isyweb.com

Julgates | Julien
Administrateur

Inscrit le : 09/03/2005

# Le 08/11/2005 à 17:12

DarkSquall a dit :
Sinon #bidule .toto { color:red } devrais fonctionner...

complètement...

Shopping Time Network - Founder / CTO

Bool | Olivier
Modérateur

Inscrit le : 09/05/2005

# Le 08/11/2005 à 18:09

DarkSquall a dit :
Et si tu fais simplement :

.toto { color:red } ?

Bah ce n'est pas du tout le but recherché...

Julgates a dit :

DarkSquall a dit :
Sinon #bidule .toto { color:red } devrais fonctionner...

complètement...

Euh... z'avez essayé ? Ca ne fonctionne pas du tout, et quel que soit le navigateur.

Le séparateur "espace" implique que "#bidule" et ".toto" fassent référencent à des balises différentes...

daevel : infogérance et conseil || moi

jerome347 | Jérôme
Membre

Inscrit le : 09/05/2005

# Le 08/11/2005 à 18:25

Bool a dit :
Euh... z'avez essayé ? Ca ne fonctionne pas du tout, et quel que soit le navigateur.

Si le but est d'afficher le texte en rouge, #bidule.toto fonctionne.

flush | Jean-Philippe
Modérateur

Inscrit le : 09/05/2005

# Le 08/11/2005 à 18:25

div#bidule{ }
div.toto{}

te donne quoi ?

@+ Jean-Philippe

Bool | Olivier
Modérateur

Inscrit le : 09/05/2005

# Le 08/11/2005 à 18:52

rah.... effectivement.... je viens d'essayer chez moi, et ça marche....

mon bout de code :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>

<body>

<style>

    #bidule { text-align:center; }



    .toto { font-weight:bold; }



    #bidule.toto { color:red; }

</style>

<div id="bidule" class="toto">

        Petit texte

</div>

</body>

</html>

bon... bah soit je suis bigleux, soit c'est le IE du taff qui a un coup dans l'aile....

merci les filles !

daevel : infogérance et conseil || moi

jerome347 | Jérôme
Membre

Inscrit le : 09/05/2005

# Le 08/11/2005 à 22:35

Je me pose la question depuis tout à l'heure : c'est quoi le but ?

Sachant qu'un id est censé être unique, #bidule tu n'est censé le déclarer qu'une fois et ne l'utiliser qu'une fois. Pourquoi lui ajouter en plus une class ?

erwinol | Erwin
Membre

Inscrit le : 09/05/2005

# Le 08/11/2005 à 22:41

Si tu veux appliquer un style à #bidule. Le style est déjà définit ailleurs et peut être changé à plusieurs reprises, voire être repris dans un système de skins.

Autant éviter un maximum les répétitions d'attributs CSS et donc réutiliser le code déjà écrit.

Celà dit j'aurais fait comme toi :p

Bool | Olivier
Modérateur

Inscrit le : 09/05/2005

# Le 08/11/2005 à 23:03

Voilà, merci

daevel : infogérance et conseil || moi

Julgates | Julien
Administrateur

Inscrit le : 09/03/2005

# Le 08/11/2005 à 23:04

et "l'héritage" css ne serait pas plus pratique ?

Shopping Time Network - Founder / CTO

Bool | Olivier
Modérateur

Inscrit le : 09/05/2005

# Le 08/11/2005 à 23:07

bah pas dans ce cas... :? ou alors je suis toujours pas réveillé...

daevel : infogérance et conseil || moi

Julgates | Julien
Administrateur

Inscrit le : 09/03/2005

# Le 08/11/2005 à 23:53

beh c surement plus simple au sein de ta css de faire ça :

#bidule { text-align:center; }

.toto { font-weight:bold; }

#bidule, .toto { color:red; }

Shopping Time Network - Founder / CTO

Bool | Olivier
Modérateur

Inscrit le : 09/05/2005

# Le 09/11/2005 à 00:20

bah non, parce que là tu fixes en rouges tous les éléments de la classe "toto"... et systématiquement #bidule en rouge également. Ce qui ne correspond évidement pas à ce que je cherche.

Je ne veux #bidule en rouge, que lorsqu'il a la classe "toto". Et aucun autre élément de "toto" n'a a être rouge.

daevel : infogérance et conseil || moi

Julgates | Julien
Administrateur

Inscrit le : 09/03/2005

# Le 09/11/2005 à 08:45

Tu fais du CSS à l'envers alors

Shopping Time Network - Founder / CTO

Bool | Olivier
Modérateur

Inscrit le : 09/05/2005

# Le 09/11/2005 à 09:24

ah ? en quoi est-ce "à l'envers" ?

en tous cas, je viens de ré-essayer au taf, si je prends une version simplifiée du bazard, ça marche. Mais dans la page complète, marche po... j'ai du faire une boolette ailleurs.

daevel : infogérance et conseil || moi

Bool | Olivier
Modérateur

Inscrit le : 09/05/2005

# Le 09/11/2005 à 09:34

mmmffff.... là j'ai mal au crane d'un seul coup...

ça ça marche pas : (ça reste en "blanc")

#bidule.truc { background-color:green; }

#bidule.toto { background-color:red; }

ça ça marche : (c'est bien en rouge)

#bidule.toto { background-color:red; }

#bidule.truc { background-color:green; }

daevel : infogérance et conseil || moi

Rano | Jean
Modérateur

Inscrit le : 13/04/2005

# Le 09/11/2005 à 10:57

et .truc est bien en vert ?

Chambres d'hote tavel
Séjours en provence
Forum mariage

Bool | Olivier
Modérateur

Inscrit le : 09/05/2005

# Le 09/11/2005 à 12:05

pas essayé, mais je suppose que oui.... pourquoi ?

daevel : infogérance et conseil || moi

Page 1 2

Répondre

Vous ne pouvez pas participer au forum, car votre inscription n'a pas été validée. Pour vous faire valider en tant que Membre, cliquez ici.