Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: Dark.Ginger le le 07-12-2003 a 16:51:20

Titre: [Resolu] CSS - Différence entre ID et CLASS/SUBCLASS
Posté par: Dark.Ginger le le 07-12-2003 a 16:51:20

Bonjour tout le monde.
J'envisage de faire passer mon site en css et php et donc travaille sur la version bêta.
Hors il se trouve que son design actuel me plait beaucoup donc j'envisage de le garder en particulier les puces.
Alors voilà, je possède trois "niveau" de puce.
Puce de niveau 1
Puce de niveau 2
Puce de niveau 3

Sur ma feuille de style j'ai donc mit :

Code:

UL {
font-family: inherit;
}


LI {
list-style-image: url(images/List1.gif);
}

LI.nivo2 {
list-style-image: url(images/Liste2.gif);
}

LI.nivo3 {
list-style-image: url(images/list3.gif);
}

j'ai donc fait des subclass.
Hors je viens de voir que j'aurais pu le faire avec des id…
J'aimerais savoir ce qui dans mon cas serait le mieux. Je doit avouer que je n'ai pas comprit du tout ??? mais alors là pas du tout la différence entre subclass et id et les différents site que j'ai visité ne m'ont pas aide la plupart se contente de dire : on peut faire comme ça ou avec ça, sans préciser de manières explicite les différences entre les deux méthodes… :-\

Donc si quelqu'un pouvait me dire quelles sont les différences entre les subclass/class et id je lui en serai infiniment reconnaissante.

P.S : Vu le nombre d'erreur de frappe que je commet ::) je m'aide d'un petit logiciel pour faire mes feuilles ;D : Baltisar Cascade 2.0 (http://www.balthisar.com/site/index.php?module=ContentExpress&func=display&ceid=11) je ne sais pas si vous connaissez…

Titre: Re:CSS - Différence entre ID et CLASS/SUBCLASS
Posté par: SIBELIUS le le 08-12-2003 a 00:01:27

- un id s'applique à un objet unique : il ne peut pas y avoir 2 id dans une page
- une classe peut désigner plusieurs objets identiques.

Titre: Re:CSS - Différence entre ID et CLASS/SUBCLASS
Posté par: Dark.Ginger le le 08-12-2003 a 16:34:20

Tout d'abord merci beaucoup pour la reponse ;D
Donc si j'ai bien comprit vu qu'il n'y aurais pas qu'une seule puce par page j'ai bien fait de mettre une classe?
Par contre si j'avais mit un id nomme puce 1, je n'aurais pu l'appeler qu'une fois c'est ça? ???
Mais j'aurais pu avoir une id "puce 1" et un autre "puce 2" dans la meme page sans que cela ne gène? Mais evidemment chque id n'aurait pu être mit qu'une seule fois?


P.S: J'adore les tutoriaux d'Alsacréations :-* :-*

Titre: Re:CSS - Différence entre ID et CLASS/SUBCLASS
Posté par: SIBELIUS le le 08-12-2003 a 19:11:51

C'est exactement ça monsieur Lapin ;)

Titre: Re:CSS - Différence entre ID et CLASS/SUBCLASS
Posté par: Dark.Ginger le le 08-12-2003 a 19:56:02

Merci beaucoup m'sieur sibelius ;D

En fait expliqué comme ça c'est très simple et basique lol ;D.

bon maintenant que je sais ça il ne me reste plus qu'a comprendre comment faire simplement pour simuler frames et iframe : même si je doit utiliser cette kfj de fonctions de php include alors que je ne connait rien encore au php j'y arriverais!!
Bon un grand merci pour l'aide j'ai enfin comprit la difference entre les deux, même si maintenant je me demande quelle peut etre l'utilité d'une fonction qui ne sert qu'une fois alors qu'il existe la fonction class? ???
Je ne pense pas avoir besoin de la fonction id vu que tout mes element devront pouvoir être repete mais cela m'interesserais de connaitre la reponse... (histoire de mourir moins bête ;))

Titre: Re:CSS - Différence entre ID et CLASS/SUBCLASS
Posté par: SIBELIUS le le 08-12-2003 a 20:11:14

Citation de: Dark.Ginger le le 08-12-2003 a 19:56:02
même si maintenant je me demande quelle peut etre l'utilité d'une fonction qui ne sert qu'une fois alors qu'il existe la fonction class? ???

Il y'a plusieurs explications :
- l'id est pratique car il va remplacer peu à peu "name" en javascript : on appelle dorénavant les objet avec gtElementById, ce qui facilite la compatibilité parce que c'était le bordel avant entre les document.layer, document.all, ...

- l'id peut servir d'ancre nommée, puisque là aussi il remplace name. On pourra donc aller en haut de page comme ça :
<body id="top">...
<a href="#top">aller en haut</a>

- il doit y avoir d'autres intérêt mais je ne suis pas spécialiste ;)

Titre: Re:CSS - Différence entre ID et CLASS/SUBCLASS
Posté par: Dark.Ginger le le 08-12-2003 a 20:28:20

Ah... effectivement je n'avais pas vu ça comme ça... en fait c'est un signet d'un certain coté... Dans ce cas je risque de l'utiliser pas mal :D surtout pour la navigation propre a la page sauf si je trouve autre choses d'ici là^^


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.