Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1221 connectés 

 
 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Suivante
Page Précédente
Bas de page 
Auteur Sujet :

[CSS] CSS unique et liaison depuis toutes les pages d'un site

n°233446
Profil sup​primé
Posté le 23-10-2002 à 23:51:48  answer
 

Reprise du message précédent :

Batman-Fr a écrit a écrit :

j'ai quand meme une question (je suis sur le site  lorandw.free.fr/css ou j'apprends bcp ;) surtout au niveau du vocabulaire) :
 
pourquoi precisez-vous l'element auquel est destine la classe ?? :
 
pourquoi ecrire span.txt-gras et non pas simplement .txt-gras (qui si j'ai bien compris, pourra etre attribue a d'autres elements que span contrairement a la premiere methode) ?




 
C'est équivalent, et en effet l'omission d'une balise particulière permet d'appliquer à toutes les balises. Mais dans mon exemple, je voulais faire simple, donc bien "carré".

mood
Publicité
Posté le 23-10-2002 à 23:51:48  profilanswer
 

n°233566
Batman-Fr
powered by caféine
Posté le 24-10-2002 à 09:36:45  profilanswer
 

W3C COMPLIANT : merci :)
 
gm_superstar : ok pour le bug :(
 
une derniere question (encore un bug ??) :
 
est-ce normal qu'une balise <a> n'herite pas des proprietes du bloc <p> dans lequel elle est incluse ? :fou:


---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
n°233568
Profil sup​primé
Posté le 24-10-2002 à 09:38:31  answer
 

Ca dépend de quelles propriétés...  :D mais normalement ça hérite d'à peu près tout :D  
 
Ca a l'air un peu foutoir ta CSS. Je serais toi, j'effacerais ma feuille de style, tous mes appels CSS de mes balises, et je repartirais sur de nouvelles bases.

n°233572
Batman-Fr
powered by caféine
Posté le 24-10-2002 à 09:43:26  profilanswer
 

je faisais freference a mes pseudo classes :hover :visited :link
 
puis-je poster ma CSS pour que vous puissiez voir si elle deconne ou pas ?
 
pcq a part les "_" dans mes noms de classes et le fait que je ne definisse pas de couleur d'arriere plan, le validateur ne me dit rien :(


---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
n°233574
Profil sup​primé
Posté le 24-10-2002 à 09:44:23  answer
 

:sweat:  :sweat:  :sweat:  
 
Ta CSS de 22 Ko je suis pas sûr d'avoir envie de la voir [:totoz]

n°233577
Batman-Fr
powered by caféine
Posté le 24-10-2002 à 09:48:08  profilanswer
 

je crois que je viens de situer le probleme :
 
je ne definis pas de pseudo classe pour html, body, td !
donc mes effets sur les liens ne peuvent pas s'afficher vu qu'ils n'existent pas :pt1cable: !
 
du coup, question ! [:thektulu]  
 
comment declarer des pseudos classes sur un truc comme ca :
 

Code :
  1. html, body, td {
  2. font-family: Verdana, Arial, sans-serif;
  3. font-style: normal;
  4. font-size: 13px;
  5. font-weight: normal;
  6. }


 
 
[EDIT]
comme ca ? :

Code :
  1. html a:hover, body a:hover, td a:hover {
  2. text-decoration : none ;
  3. }


 
 
en tout cas ca passe :)


Message édité par Batman-Fr le 24-10-2002 à 09:52:55

---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
n°233584
Profil sup​primé
Posté le 24-10-2002 à 09:55:09  answer
 

Je pense que t'as un problème de redéfinition de styles, pour que ça marche pas :/


Message édité par Profil supprimé le 24-10-2002 à 09:55:35
n°233588
Batman-Fr
powered by caféine
Posté le 24-10-2002 à 09:57:09  profilanswer
 

par contre, pour en revenir sur l'heritage de la balise <a> dans un bloc <p> , il y a tjrs quelque chose que je ne comprends pas ! :o  
 
prenons cette classe :  

Code :
  1. .bleu-mise-en-valeur { font-weight: bold; color: #0051C0; }
  2. .bleu-mise-en-valeur a:link, .bleu-mise-en-valeur a:visited { text-decoration : underline ; }
  3. .bleu-mise-en-valeur a:hover { text-decoration : none ; }


 
et ce code HTML :

Code :
  1. <html>
  2. <head>
  3. <title>Document sans titre</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <link href="mgel_2003.css" rel="stylesheet" type="text/css">
  6. </head>
  8. <body>
  9. <p class="bleu-mise-en-valeur">texte1 <a href="http://www.cisco.com">lien</a>
  10.   texte2</p>
  11. </body>
  12. </html>


 
voila comment ca s'affiche :  
 
texte1 lien texte2 >> police, taille ... bons SAUF la couleur !
 
en effet, texte1 et texte2 sont de la bonne couleur MAIS lien s'affiche avec les couleurs par defaut du navigateur (bleu si non visite, violet si visite : les pseudos classes ne marchent pas)
 
mais pourquoi donc :??:
 
[edit] : ajout des couleurs


Message édité par Batman-Fr le 24-10-2002 à 10:09:54

---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
n°233591
Profil sup​primé
Posté le 24-10-2002 à 10:02:58  answer
 

Parce que tu as dû définir une couleur spéciale pour tous les liens ? Ou sinon, par défaut, les liens dont on ne précise pas explicitement la couleur sont avec la couleur "standard" des liens, dépendante du navigateur. Encore heureux d'ailleurs, sinon tous ceux qui omettent de préciser une couleur de liens dans leur CSS, auraient des liens noirs sur fond blanc, non soulignés etc. comme le paragraphe qui le contient (le plus souvent).
 
Donc les liens, éléments assez particuliers, n'héritent pas de toutes les propriétés. Ce qui relève du bon sens et de l'ergonomie.


Message édité par Profil supprimé le 24-10-2002 à 10:04:55
n°233599
Batman-Fr
powered by caféine
Posté le 24-10-2002 à 10:12:21  profilanswer
 

d'accord mais je definis mes couleurs de liens dans la classe dont le bloc <p> depend, alors pourquoi <a> n'en n'herite pas boudiou ?
 
je suis d'accord avec toi pour les balises <a> qui n'ont aucun style ou qui n'en herite d'aucun.
 
donc, pour toi cela est normal que ma balise <a> n'herite pas des pseudos classes definies dans la classe du bloc <p> ?


---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
mood
Publicité
Posté le 24-10-2002 à 10:12:21  profilanswer
 

n°233625
Batman-Fr
powered by caféine
Posté le 24-10-2002 à 11:06:24  profilanswer
 

bon, et bien je commence a obtenir qlq chose qui semble fonctionner ... :)
 
ma CSS ne pese "plus" que 7ko :jap:
 
j'ai "simplement" ajoute une classe a comme ca :  

Code :
  1. a:link, a:visited{ text-decoration: underline}
  2. a:hover{ text-decoration: none}

 
 
car toutes mes classes etaient definies de cette maniere :

Code :
  1. .style_1 { font-size: 49px; font-weight: bold; color: #0051C0; }
  2. .style_1 a:link, .style_1 a:visited { text-decoration : underline ; }
  3. .style_1 a:hover { text-decoration : none ; }
  5. .style_2 { font-size: 49px; font-weight: bold; color: #0051C0; }
  6. .style_2 a:link, .style_2 a:visited { text-decoration : underline ; }
  7. .style_2 a:hover { text-decoration : none ; }
  9. ...

 
 
du coup, maintenant, je me retrouve avec juste ca :D :

Code :
  1. .style_1 { font-size: 49px; font-weight: bold; color: #0051C0; }
  2. .style_2 { font-size: 49px; font-weight: bold; color: #0051C0; }
  3. ...


---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
n°233626
gm_superst​ar
Appelez-moi Super
Posté le 24-10-2002 à 11:09:53  profilanswer
 

Bah voilà, t'as trouvé la réponse tout seul ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°233637
Batman-Fr
powered by caféine
Posté le 24-10-2002 à 11:23:59  profilanswer
 

oui et non
car cela m'oblige a reprendre TOUTES les pages du site [:ruisseau de larmes]  
 
car ces fichues balise <a> n'heritent pas comme il faut (du moins selon ma theorie ;))
 
:jap: a tous
[:prosterne] a tous


---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
n°233639
Batman-Fr
powered by caféine
Posté le 24-10-2002 à 11:25:28  profilanswer
 

je peux vous la poster maintenant  :D ??
 
du moins une partie qui vous montre bien comment elle est construite ? juste histoire de savoir si je suis bien parti du bon cote cette fois ci  :hello:


---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
n°233659
Profil sup​primé
Posté le 24-10-2002 à 11:40:33  answer
 

Zyva

n°233692
Batman-Fr
powered by caféine
Posté le 24-10-2002 à 11:59:06  profilanswer
 

:ange:  
 
 

Code :
  1. html, body, td {
  2. font-family: Verdana, Arial, sans-serif;
  3. font-style: normal;
  4. font-size: 13px;
  5. font-weight: normal;
  6. }
  8. a:link, a:visited{ text-decoration: underline}
  9. a:hover{ text-decoration: none}
  11. .corps-de-texte-bleu { color: #0051C0; }
  12. .corps-de-texte-bleu-FAQ { color: #0051C0; }
  13. .corps-de-texte-noir { color: #000000; }
  15. (...)
  17. .bleu-page-suivante { font-weight: bold; color: #0051C0; font-size: 10px; }
  18. .bleu-mise-en-valeur { font-weight: bold; color: #0051C0; }
  19. .bleu-intro { font-size: 14px; font-style: italic; font-weight: bold; color: #0051C0; }
  21. (...)
  23. .noir-titre { font-size: 32px; font-weight: bold; color: #000000; }
  24. .noir-titre-LARGE { font-size: 49px; font-weight: bold; color: #000000; }
  25. .noir-large { font-size: 20px; font-weight: bold; color: #000000; }
  27. (...)


 
qu'en pensez-vous ? correct ou faux-nul-a-chier  :o


Message édité par Batman-Fr le 24-10-2002 à 12:00:27

---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
n°233698
Batman-Fr
powered by caféine
Posté le 24-10-2002 à 12:02:35  profilanswer
 

je vois encore une optimisation a faire :)
 
je vais virer ma font-color: #000000 de toutes mes classes qui l'ont pour le mettre dans la classe generique au body !
 
'vais presque devenir bon si ca continue !
 
mon tomic devrait presque etre dans la FAQ nein ?? :sol:  :sweat:


---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
n°233704
Profil sup​primé
Posté le 24-10-2002 à 12:07:40  answer
 

D'autre modifs :
 
.corps-de-texte-bleu { color: #0051C0; }  
.corps-de-texte-bleu-FAQ { color: #0051C0; }  
 
-> .corps-de-texte-bleu,.corps-de-texte-bleu-FAQ {color:#0051c0;}
 
Bref tu peux encore pluss condenser. Mais faudrait avoir l'intégralité pour tester qu'il n'y ait pas de conflit


Message édité par Profil supprimé le 24-10-2002 à 12:08:12
n°233733
Batman-Fr
powered by caféine
Posté le 24-10-2002 à 12:37:59  profilanswer
 

exact :jap:
 
[edit] : j'ai supprime des proprietes a la classe .corps-de-texte-bleu-FAQ que je devais garder  :pt1cable:  
 
j'optimise trop :D  
 
voila la CSS complete donc :  
 

Code :
  1. /* CSS Document
  2. COULEURS : (old bleu = 0066CC)
  3. bleu = 0051C0   rose = D73582  vert = 7AC25A    
  4. orange = EB6F24   noir = 000000  vert sante = 009761    
  5. violet = A33F9B   jaune = FFCB05  gris = 999999
  6. blanc = FFFFFF
  7. */
  9. html, body, td {
  10. font-family: Verdana, Arial, sans-serif;
  11. font-style: normal;
  12. font-size: 13px;
  13. font-weight: normal;
  14. }
  16. a:link, a:visited{ text-decoration: underline}
  17. a:hover{ text-decoration: none}
  19. .corps-de-texte-bleu, .corps-de-texte-bleu-FAQ { color: #0051C0; }
  20. .corps-de-texte-bleu-FAQ a:hover { background-color: #BDEEFF; text-decoration : none ; }
  21. .tiny-bleu { color: #0066CC; font-size: 9px; }
  22. .bleu-titre { font-size: 32px; font-weight: bold; color: #0051C0; }
  23. .bleu-titre-LARGE { font-size: 49px; font-weight: bold; color: #0051C0; }
  24. .bleu-large { font-size: 20px; font-weight: bold; color: #0051C0; }
  25. .bleu-sous-titre { font-size: 18px; font-weight: bold; color: #0051C0; }
  26. .bleu-sous-titre-light { font-size: 18px; font-weight: lighter; color: #0051C0; }
  27. .bleu-titre-petit { font-size: 22px; font-weight: bold; color: #0051C0; }
  28. .bleu-page-suivante { font-weight: bold; color: #0051C0; font-size: 10px; }
  29. .bleu-mise-en-valeur { font-weight: bold; color: #0051C0; }
  30. .bleu-intro { font-size: 14px; font-style: italic; font-weight: bold; color: #0051C0; }
  32. .corps-de-texte-noir { color: #000000; }
  33. .tiny-noir {  font-size: 9px; }
  34. .noir-titre { font-size: 32px; font-weight: bold;  }
  35. .noir-titre-LARGE { font-size: 49px; font-weight: bold;  }
  36. .noir-large { font-size: 20px; font-weight: bold;  }
  37. .noir-sous-titre { font-size: 18px; font-weight: bold;  }
  38. .noir-sous-titre-light { font-size: 18px; font-weight: lighter;  }
  39. .noir-titre-petit { font-size: 22px; font-weight: bold;  }
  40. .noir-page-suivante { font-weight: bold;  font-size: 10px; }
  41. .noir-mise-en-valeur { font-weight: bold;  }
  42. .noir-intro { font-size: 14px; font-style: italic; font-weight: bold;  }
  44. .corps-de-texte-orange { color: #eb6f24; }
  45. .tiny-orange { color: #eb6f24; font-size: 9px; }
  46. .orange-titre { font-size: 32px; font-weight: bold; color: #eb6f24; }
  47. .orange-titre-LARGE { font-size: 49px; font-weight: bold; color: #eb6f24; }
  48. .orange-large { font-size: 20px; font-weight: bold; color: #eb6f24; }
  49. .orange-sous-titre { font-size: 18px; font-weight: bold; color: #eb6f24; }
  50. .orange-sous-titre-light { font-size: 18px; font-weight: lighter; color: #eb6f24; }
  51. .orange-titre-petit { font-size: 22px; font-weight: bold; color: #eb6f24; }
  52. .orange-page-suivante { font-weight: bold; color: #eb6f24; font-size: 10px; }
  53. .orange-mise-en-valeur { font-weight: bold; color: #eb6f24; }
  54. .orange-intro { font-size: 14px; font-style: italic; font-weight: bold; color: #eb6f24; }
  56. .corps-de-texte-rose { color: #D73582; }
  57. .tiny-rose { color: #D73582; font-size: 9px; }
  58. .rose-titre { font-size: 32px; font-weight: bold; color: #D73582; }
  59. .rose-titre-LARGE { font-size: 49px; font-weight: bold; color: #D73582; }
  60. .rose-large { font-size: 20px; font-weight: bold; color: #D73582; }
  61. .rose-sous-titre { font-size: 18px; font-weight: bold; color: #D73582; }
  62. .rose-sous-titre-light { font-size: 18px; font-weight: lighter; color: #D73582; }
  63. .rose-titre-petit { font-size: 22px; font-weight: bold; color: #D73582; }
  64. .rose-page-suivante { font-weight: bold; color: #D73582; font-size: 10px; }
  65. .rose-mise-en-valeur { font-weight: bold; color: #D73582; }
  66. .rose-intro { font-size: 14px; font-style: italic; font-weight: bold; color: #D73582; }
  68. .corps-de-texte-vert { color: #7AC25A; }
  69. .tiny-vert { color: #7AC25A; font-size: 9px; }
  70. .vert-titre { font-size: 32px; font-weight: bold; color: #7AC25A; }
  71. .vert-titre-LARGE { font-size: 49px; font-weight: bold; color: #7AC25A; }
  72. .vert-large { font-size: 20px; font-weight: bold; color: #7AC25A; }
  73. .vert-sous-titre { font-size: 18px; font-weight: bold; color: #7AC25A; }
  74. .vert-sous-titre-light { font-size: 18px; font-weight: lighter; color: #7AC25A; }
  75. .vert-titre-petit { font-size: 22px; font-weight: bold; color: #7AC25A; }
  76. .vert-page-suivante { font-weight: bold; color: #7AC25A; font-size: 10px; }
  77. .vert-mise-en-valeur { font-weight: bold; color: #7AC25A; }
  78. .vert-intro { font-size: 14px; font-style: italic; font-weight: bold; color: #7AC25A; }
  80. .corps-de-texte-vert_sante { color: #009761; }
  81. .vert_sante-titre { font-size: 32px; font-weight: bold; color: #009761; }
  82. .vert_sante-titre-LARGE { font-size: 49px; font-weight: bold; color: #009761; }
  83. .vert_sante-large { font-size: 20px; font-weight: bold; color: #009761; }
  84. .vert_sante-sous-titre { font-size: 18px; font-weight: bold; color: #009761; }
  85. .vert_sante-sous-titre-light { font-size: 18px; font-weight: lighter; color: #009761; }
  86. .vert_sante-titre-petit { font-size: 22px; font-weight: bold; color: #009761; }
  87. .vert_sante-page-suivante { font-weight: bold; color: #009761; font-size: 10px; }
  88. .vert_sante-mise-en-valeur { font-weight: bold; color: #009761; }
  89. .vert_sante-intro { font-size: 14px; font-style: italic; font-weight: bold; color: #009761; }
  91. .corps-de-texte-blanc { color: #FFFFFF; }
  92. .tiny-blanc { color: #FFFFFF; font-size: 9px; }
  93. .blanc-titre { font-size: 32px; font-weight: bold; color: #FFFFFF; }
  94. .blanc-titre-LARGE { font-size: 49px; font-weight: bold; color: #FFFFFF; }
  95. .blanc-large { font-size: 20px; font-weight: bold; color: #FFFFFF; }
  96. .blanc-sous-titre { font-size: 18px; font-weight: bold; color: #FFFFFF; }
  97. .blanc-sous-titre-light { font-size: 18px; font-weight: lighter; color: #FFFFFF; }
  98. .blanc-titre-petit { font-size: 22px; font-weight: bold; color: #FFFFFF; }
  99. .blanc-page-suivante { font-weight: bold; color: #FFFFFF; font-size: 10px; }
  100. .blanc-mise-en-valeur { font-weight: bold; color: #FFFFFF; }
  101. .blanc-intro { font-size: 14px; font-style: italic; font-weight: bold; color: #FFFFFF; }
  103. .corps-de-texte-violet { color: #A33F9B; }
  104. .violet-titre { font-size: 32px; font-weight: bold; color: #A33F9B; }
  105. .violet-titre-LARGE { font-size: 49px; font-weight: bold; color: #A33F9B; }
  106. .violet-large { font-size: 20px; font-weight: bold; color: #A33F9B; }
  107. .violet-sous-titre { font-size: 18px; font-weight: bold; color: #A33F9B; }
  108. .violet-sous-titre-light { font-size: 18px; font-weight: lighter; color: #A33F9B; }
  109. .violet-titre-petit { font-size: 22px; font-weight: bold; color: #A33F9B; }
  110. .violet-page-suivante { font-weight: bold; color: #A33F9B; font-size: 10px; }
  111. .violet-mise-en-valeur { font-weight: bold; color: #A33F9B; }
  112. .violet-intro { font-size: 14px; font-style: italic; font-weight: bold; color: #A33F9B; }
  114. .corps-de-texte-jaune { color: #FFCB05; }
  115. .jaune-titre { font-size: 32px; font-weight: bold; color: #FFCB05; }
  116. .jaune-titre-LARGE { font-size: 49px; font-weight: bold; color: #FFCB05; }
  117. .jaune-large { font-size: 20px; font-weight: bold; color: #FFCB05; }
  118. .jaune-sous-titre { font-size: 18px; font-weight: bold; color: #FFCB05; }
  119. .jaune-sous-titre-light { font-size: 18px; font-weight: lighter; color: #FFCB05; }
  120. .jaune-titre-petit { font-size: 22px; font-weight: bold; color: #FFCB05; }
  121. .jaune-page-suivante { font-weight: bold; color: #FFCB05; font-size: 10px; }
  122. .jaune-mise-en-valeur { font-weight: bold; color: #FFCB05; }
  123. .jaune-intro { font-size: 14px; font-style: italic; font-weight: bold; color: #FFCB05; }
  125. .tiny-gris { color: #999999; font-size: 9px; }


Message édité par Batman-Fr le 24-10-2002 à 12:51:03

---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
n°233745
Batman-Fr
powered by caféine
Posté le 24-10-2002 à 12:59:41  profilanswer
 

concernant la validation :
 
http://jigsaw.w3.org/css-validator [...] ofile=css2


---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
n°233746
Profil sup​primé
Posté le 24-10-2002 à 13:02:17  answer
 

Ca me semble encore bcp trop redondant. Faut voir ensuite la structure logique de ton HTML pour éliminer le superflu.
 
Je te dis, t'aurais mieux fait de reprendre point par point, en partant des balises générales qui font hériter les balises qu'elles contiennent, puis adaptant seulement ce qui doit l'être

n°242875
termitor
Gnu hurd vraincra, radical
Posté le 11-11-2002 à 04:47:39  profilanswer
 

le truc c que c bien domage que les classe mutliple ca marche pas , on pourrais faire directement class="class1, class2"
ca serais hyper trop pratique ,  
et on devrais pouvoir herité d'une class dans la css , genre  
.class4 { herite: class1, 2; .... } ca serais bien ???
 
enfin voila une css simplifié !

Code :
  1. /* CSS Document  
  2. COULEURS : (old bleu = 0066CC)  
  3. bleu = 0051C0   rose = D73582  vert = 7AC25A     
  4. orange = EB6F24   noir = 000000  vert sante = 009761     
  5. violet = A33F9B   jaune = FFCB05  gris = 999999  
  6. blanc = FFFFFF  
  7. */
  9. html, body, td { 
  10. font-family: Verdana, Arial, sans-serif; 
  11. font-style: normal; 
  12. font-size: 13px; 
  13. font-weight: normal; 
  14. }
  16. a:link, a:visited{ text-decoration: underline}
  17. a:hover{ text-decoration: none} 
  19. .corps-de-texte-bleu-FAQ a:hover { background-color: #BDEEFF; text-decoration : none ; }
  20. .tiny-bleu { color: #0066CC; font-size: 9px; }
  22. /* regroupement par couleur */
  23. .corps-de-texte-bleu, .corps-de-texte-bleu-FAQ, .bleu-titre, .bleu-titre-LARGE,
  24. .bleu-large, .bleu-sous-titre, .bleu-sous-titre-light, .bleu-titre-petit,
  25. .bleu-page-suivante, .bleu-mise-en-valeur, .bleu-intro { color: #0051C0; }
  27. .corps-de-texte-noir, .corps-de-texte-noir-FAQ, .noir-titre, .noir-titre-LARGE,
  28. .noir-large, .noir-sous-titre, .noir-sous-titre-light, .noir-titre-petit,
  29. .noir-page-suivante, .noir-mise-en-valeur, .noir-intro { color: #000000; }
  31. .corps-de-texte-orange, .corps-de-texte-orange-FAQ, .orange-titre, .orange-titre-LARGE,
  32. .orange-large, .orange-sous-titre, .orange-sous-titre-light, .orange-titre-petit,
  33. .orange-page-suivante, .orange-mise-en-valeur, .orange-intro { color: #eb6f24; }
  35. .corps-de-texte-rose, .corps-de-texte-rose-FAQ, .rose-titre, .rose-titre-LARGE,
  36. .rose-large, .rose-sous-titre, .rose-sous-titre-light, .rose-titre-petit,
  37. .rose-page-suivante, .rose-mise-en-valeur, .rose-intro { color: #D73582; }
  39. .corps-de-texte-vert, .corps-de-texte-vert-FAQ, .vert-titre, .vert-titre-LARGE,
  40. .vert-large, .vert-sous-titre, .vert-sous-titre-light, .vert-titre-petit,
  41. .vert-page-suivante, .vert-mise-en-valeur, .vert-intro { color: #7AC25A; }
  43. .corps-de-texte-vert_sante, .corps-de-texte-vert_sante-FAQ, .vert_sante-titre, .vert_sante-titre-LARGE,
  44. .vert_sante-large, .vert_sante-sous-titre, .vert_sante-sous-titre-light, .vert_sante-titre-petit,
  45. .vert_sante-page-suivante, .vert_sante-mise-en-valeur, .vert_sante-intro { color: #009761; }
  47. .corps-de-texte-blanc, .corps-de-texte-blanc-FAQ, .blanc-titre, .blanc-titre-LARGE,
  48. .blanc-large, .blanc-sous-titre, .blanc-sous-titre-light, .blanc-titre-petit,
  49. .blanc-page-suivante, .blanc-mise-en-valeur, .blanc-intro { color: #FFFFFF; }
  51. .corps-de-texte-violet, .corps-de-texte-violet-FAQ, .violet-titre, .violet-titre-LARGE,
  52. .violet-large, .violet-sous-titre, .violet-sous-titre-light, .violet-titre-petit,
  53. .violet-page-suivante, .violet-mise-en-valeur, .violet-intro { color: #A33F9B; }
  55. .corps-de-texte-jaune, .corps-de-texte-jaune-FAQ, .jaune-titre, .jaune-titre-LARGE,
  56. .jaune-large, .jaune-sous-titre, .jaune-sous-titre-light, .jaune-titre-petit,
  57. .jaune-page-suivante, .jaune-mise-en-valeur, .jaune-intro { color: #FFCB05; }
  59. .corps-de-texte-noir { color: #000000; }
  61. /* regroupement par semantique */
  62. .tiny-bleu, .tiny-noir, .tiny-orange, .tiny-rose, .tiny-vert,
  63. .tiny-vert_sante, .tiny-voilet, .tiny-jaune, .tiny-blanc 
  64. {  font-size: 9px; }
  66. .bleu-titre, .noir-titre, .orange-titre, .rose-titre, .vert-titre,
  67. .vert_sante-titre, .blanc-titre, .voilet-titre, .jaune-titre
  68. { font-size: 32px; font-weight: bold;  }
  70. .bleu-titre-LARGE, .noir-titre-LARGE, .orange-titre-LARGE, .rose-titre-LARGE, .vert-titre-LARGE,
  71. .vert_sante-titre-LARGE, .blanc-titre-LARGE, .voilet-titre-LARGE, .jaune-titre-LARGE
  72. { font-size: 49px; font-weight: bold;  }
  74. .bleu-large, .noir-large, .orange-large, .rose-large, .vert-large,
  75. .vert_sante-large, .blanc-large, .voilet-large, .jaune-large
  76. { font-size: 20px; font-weight: bold;  }
  78. .bleu-sous-titre, .noir-sous-titre, .orange-sous-titre, .rose-sous-titre, .vert-sous-titre,
  79. .vert_sante-sous-titre, .blanc-sous-titre, .voilet-sous-titre, .jaune-sous-titre
  80. { font-size: 18px; font-weight: bold;  }
  82. .bleu-sous-titre-light, .noir-sous-titre-light, .orange-sous-titre-light, .rose-sous-titre-light,
  83. .vert-sous-titre-light, .vert_sante-sous-titre-light, .blanc-sous-titre-light,
  84. .voilet-sous-titre-light, .jaune-sous-titre-light
  85. { font-size: 18px; font-weight: lighter;  }
  87. .bleu-titre-petit, .noir-titre-petit, .orange-titre-petit, .rose-titre-petit, .vert-titre-petit,
  88. .vert_sante-titre-petit, .blanc-titre-petit, .voilet-titre-petit, .jaune-titre-petit
  89. { font-size: 22px; font-weight: bold;  }
  91. .bleu-page-suivante, .noir-page-suivante, .orange-page-suivante, .rose-page-suivante, .vert-page-suivante,
  92. .vert_sante-page-suivante, .blanc-page-suivante, .voilet-page-suivante, .jaune-page-suivante
  93. { font-weight: bold;  font-size: 10px; }
  95. .bleu-mise-en-valeur, .noir-mise-en-valeur, .orange-mise-en-valeur, .rose-mise-en-valeur, .vert-mise-en-valeur,
  96. .vert_sante-mise-en-valeur, .blanc-mise-en-valeur, .voilet-mise-en-valeur, .jaune-mise-en-valeur
  97. { font-weight: bold;  }
  99. .bleu-intro, .noir-intro, .orange-intro, .rose-intro, .vert-intro,
  100. .vert_sante-intro, .blanc-intro, .voilet-intro, .jaune-intro
  101. { font-size: 14px; font-style: italic; font-weight: bold;  }
  103. .tiny-gris { color: #999999; font-size: 9px; }

 
 
 
si seulement tu avais definie tous en prenant en compte les h1 .... h2 ... et de div ca serait bien plus simple !

n°242917
gm_superst​ar
Appelez-moi Super
Posté le 11-11-2002 à 12:05:41  profilanswer
 

termitor a écrit a écrit :

le truc c que c bien domage que les classe mutliple ca marche pas , on pourrais faire directement class="class1, class2"



Mais si ça marche : class="class1 class2"


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°242996
termitor
Gnu hurd vraincra, radical
Posté le 11-11-2002 à 15:49:47  profilanswer
 

tu es sur ? sur moz ie et opera ???? je demande a voirrrrr :whistle:  , nan serieux c vrais ce mensonge ?

n°243102
gm_superst​ar
Appelez-moi Super
Posté le 11-11-2002 à 18:01:38  profilanswer
 

1. Pourquoi tu n'essayes pas ?
 
2. La réponse est dans les spécifications des CSS : http://www.yoyodesign.org/doc/w3c/ [...] or.html#q1
 

Citation :

DIV.warning : Identique à DIV[class~="warning"].
 
E[foo~="warning"] : Correspond à tout élément E dont l'attribut "foo" a pour valeur une liste de valeurs séparées par des blancs et dont une de celles-ci est "warning".


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°243105
termitor
Gnu hurd vraincra, radical
Posté le 11-11-2002 à 18:12:21  profilanswer
 

ca marche avec ie6 et moz1.2b , quelqu'un peut tester sur ie5 , ie5.5 ie5mac, opera 5 et 6 et aussi sur moz1.1 , quelqu'un a un lien sur le suport des selecteur par les differente version des navigateur... ca serais bien pratique pour pas faire m'imp ! :hello:  :jap:  :jap:  :jap:

n°243114
gm_superst​ar
Appelez-moi Super
Posté le 11-11-2002 à 18:47:21  profilanswer
 

Ca marche avec IE 5, Opera 6 et Moz (toutes versions). Faut vérifier pour Opera 5.
 
Ca ne marche pas avec NS 4.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°243131
termitor
Gnu hurd vraincra, radical
Posté le 11-11-2002 à 19:43:14  profilanswer
 

meci , avec ie5 ta verifié ?
alors c cool , ca vaut le coup , mieux que de faire des truc tordue.. merci encore :jap:

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Suivante
Page Précédente
Haut de page 

Aller à :
Ajouter une réponse
 

Sujets relatifs
changement d'image onmouseover par CSS ???Recherche codeur PHP pour le site d'une grande team RtCW (wolfenstein)
Génération de pages html - templatesCSS et Netscape 4.7 ?!
Site internet en creation, demande d'aide merci..[C] Existe t'il une doc officielle, un site officiel du C ANSI ?
Comment verouiller mes pages sur le web par un mot de passe ?[VB6] K-Mail : Topic Unique
existe il un site de comparaison des bdd?Dreamweaver et premier site
Plus de sujets relatifs à : [CSS] CSS unique et liaison depuis toutes les pages d'un site

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.167 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR