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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Différence entre class et id ?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Différence entre class et id ?

n°1024869
sanpellegr​ino
Posté le 25-03-2005 à 15:26:02  profilanswer
 

Bonjour !
 
Quand on crée un menu avec une liste modifiée, il vaut mieux mettre ça:

Code :
  1. ul#navigationbas{
  2. list-style-type:none;
  3. margin:10px 0px 10px 0px;
  4. padding:0;
  5. }
  6. ul#navigationbas li a{
  7. display:block;
  8. width:250px;
  9. color:#FFCC66;
  10. font-size:12px;
  11. font-weight:normal;
  12. border:1px solid #A81120;
  13. }
  14. ul#navigationbas li a:hover{
  15. display:block;
  16. width:250px;
  17. color:#A81120;
  18. background-color:#FFCC66;
  19. font-weight:normal;
  20. border:1px solid #ffffff;
  21. text-decoration:none;
  22. }
  23. ul#navigationbas .gauche{
  24. float:left;
  25. text-align:center;
  26. /*border:1px solid #FFCC66;*/
  27. }
  28. ul#navigationbas .droite{
  29. float:right;
  30. text-align:center;
  31. /*border:1px solid #FFCC66;*/
  32. }
  33. ul#navigationbas .centrenav{
  34. width:300px;
  35. float:none;
  36. }


ou ça:

Code :
  1. ul.navigationbas{
  2. list-style-type:none;
  3. margin:10px 0px 10px 0px;
  4. padding:0;
  5. }
  6. ul.navigationbas li a{
  7. display:block;
  8. width:250px;
  9. color:#FFCC66;
  10. font-size:12px;
  11. font-weight:normal;
  12. }
  13. ul.navigationbas li a:hover{
  14. display:block;
  15. width:250px;
  16. color:#A81120;
  17. background-color:#FFCC66;
  18. font-weight:normal;
  19. }
  20. ul.navigationbas .gauche{
  21. float:left;
  22. text-align:center;
  23. /*border:1px solid #FFCC66;*/
  24. }
  25. ul.navigationbas .droite{
  26. float:right;
  27. text-align:center;
  28. /*border:1px solid #FFCC66;*/
  29. }
  30. ulnavigationbas .centrenav{
  31. width:300px;
  32. float:none;
  33. }


 
C'est-à-dire utiliser des div ou des id ? Je ne vois pas la différence entre les deux en fait, et sur certains sites tout est fait avec des div, sur d'autres tout est fait en id...


---------------
Got spyware ? | HFR HijackThis Tutorial
mood
Publicité
Posté le 25-03-2005 à 15:26:02  profilanswer
 

n°1024902
sanpellegr​ino
Posté le 25-03-2005 à 15:44:14  profilanswer
 

Autre chose (rien à voir d'ailleurs :o): comment on fait pour soit switcher de CSS, soit carrément qu'il ne la prenne pas en compte) ?


---------------
Got spyware ? | HFR HijackThis Tutorial
n°1024923
masklinn
í dag viðrar vel til loftárása
Posté le 25-03-2005 à 15:55:54  profilanswer
 

id = désignation d'un élément unique
class = désignation d'un groupe d'éléments (balises identiques ou pas)
.gauche, .droite, .centrenav > aucun sens


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1025111
sanpellegr​ino
Posté le 25-03-2005 à 17:31:39  profilanswer
 

masklinn a écrit :

id = désignation d'un élément unique
class = désignation d'un groupe d'éléments (balises identiques ou pas)
.gauche, .droite, .centrenav > aucun sens


Ok, par contre quand mon HTML est

Code :
  1. <ul class="navigationbas"><li class="gauche"><a href="http://www.google.fr" target="_blank">Teste</a></li>
  2. <li class="droite"><a href="http://www.google.fr" target="_blank">Google 2</a></li>
  3. </ul>


 
ça passe très bien :D... Quid ?


---------------
Got spyware ? | HFR HijackThis Tutorial
n°1025208
masklinn
í dag viðrar vel til loftárása
Posté le 25-03-2005 à 18:32:22  profilanswer
 

?
pas compris


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1025485
sanpellegr​ino
Posté le 25-03-2005 à 23:42:18  profilanswer
 

masklinn a écrit :

?
pas compris


Code :
  1. <ul class="navigationbas">
  2.    <li class="gauche">
  3.       <a href="http://www.google.fr" target="_blank">Teste</a>
  4.    </li>
  5.    <li class="droite">
  6.       <a href="http://www.google.fr" target="_blank">Google 2</a>
  7.    </li>
  8. </ul>


J'ai un div pour mon <ul>, un pour mon <li>. Et avec ça l'affichage est impec. Mais où est mon erreur (si j'en fais une) ?


---------------
Got spyware ? | HFR HijackThis Tutorial
n°1025487
masklinn
í dag viðrar vel til loftárása
Posté le 25-03-2005 à 23:48:28  profilanswer
 

utiliser des classes
utiliser des noms de classes qui indiquent un style (ou l'élément sera placé dans la page, comment il sera rendu) et non un sens (ce qu'il est), ce qui fait qu'une modification de CSS sera très très très tendue.
 
Voir CSSZenGarden pour le genre de souplesse graphique que permet un simple changement de CSS à partir d'un fichier HTML bien conçu


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1025611
sanpellegr​ino
Posté le 26-03-2005 à 07:32:32  profilanswer
 

Merci pour ta réponse. Ce CSSZengarden est vraiment une pure merveille.
 
Sinon tu as une idée pour mon autre question:

sanpellegrino a écrit :

Autre chose (rien à voir d'ailleurs :o): comment on fait pour soit switcher de CSS, soit carrément qu'il ne la prenne pas en compte) ?



---------------
Got spyware ? | HFR HijackThis Tutorial
n°1025638
masklinn
í dag viðrar vel til loftárása
Posté le 26-03-2005 à 08:50:19  profilanswer
 

Opera et Mozilla/Firefox ont un CSS Switcher intégré (View > Page Style pour Firefox, View > Style pour Opera), pour MSIE rien d'intégré au navigateur, il faut mettre en place un script externe (c'est le boulot du webmaster)
 
A List Apart a un magnifique exemple de CSS Switcher persistant à coup de Javascript et de cookies


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1025645
sanpellegr​ino
Posté le 26-03-2005 à 09:02:42  profilanswer
 
mood
Publicité
Posté le 26-03-2005 à 09:02:42  profilanswer
 

n°1026121
the-pengui​n
Posté le 26-03-2005 à 14:13:14  profilanswer
 

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Différence entre class et id ?

 

Sujets relatifs
différence fondamentale entre le modèle objet et le modèle relationnelAppel d'un .class qui contient une image
&# x92; et &# x92; ::: oui je sais il n'y a aucune difference.Différence d'affichage entre IE et Firefox avec du XHTML strict
Incrementer la valeur d une propriete d une class ?Mon code ne fionctionne pas, prob instanciation de class??
[Java] class static et constructeurDifférence de comportement sur 2 environnements
[Delphi] Différence class / objectC'est quoi la différence entre 'class' et 'public class' ?
Plus de sujets relatifs à : Différence entre class et id ?


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