div id ou div class?

J'ai beau lire toute la doc que je trouve sur le net j'ai de la peine à bien
saisir la nuance entre les deux, et surtout quand il faut emplyer l'une ou
l'autre méthode...

Qqun peut m'éclairer?

--
Cordialement, Daniel Cartron
« Ce qui ressemble à l'amour est toujours de l'amour. »
Tristan Bernard

Daniel Cartron a écrit :

J'ai beau lire toute la doc que je trouve sur le net j'ai de la peine à bien saisir la nuance entre les deux, et surtout quand il faut emplyer l'une ou l'autre méthode...

Qqun peut m'éclairer?

Je te suggère ce site :

Site de tutoriel CSS dans lequel tu trouveras ton bonheur

Autant que je sache (je ne suis pas un CSS super pro) et pour résumer :
Un div id - qui va correspondre à un #toto dans la CSS - est relatif à un "conteneur" sa taille, s'il flotte ou pas... C'est à lui que tu attribues aussi tes a: (active, hover, link, visited)
Attention div id="toto" ne peut être utiliser qu'une fois dans une page HTML

Un div class - qui va correspondre à un .toto dans la CSS - est relatif à la description du "contenu" placé dans le conteneur. C'est dans cette classe que tu place tes description de liste, tes marges etc.
div class="toto" peut être utilisé plusieurs fois dans une page HTML

Ce n'est pas universel mais personnellement c'est comme cela que je les utilise.

Tonton BP

Le Jeudi 10 Novembre 2005 19:58, Daniel Cartron a écrit :

J'ai beau lire toute la doc que je trouve sur le net j'ai de la peine à
bien saisir la nuance entre les deux, et surtout quand il faut emplyer
l'une ou l'autre méthode...

Si on respecte les standards, un id doit être utilisé pour un bloc unique sur
la page (tu ne pourras pas affecter ce style plusieurs fois sur la même
page).
Une class elle peut-être utilisée autant de fois qu'on le souhaite...

Dans la réalitée les deux fonctionnent, même si tu utilise un id plusieurs
fois dans la même page.
Mais tu ne respecte plus la norme et il ne faut pas le faire...

L'autre aspect intéressant de l'id (AMHA le plus important) et qu'il peut
faire double emploi:
- formater le style (CSS)
- mais égalementdéfinir un objet (ici le bloc div) ce qui permet d'appliquer
des comportements (javascript par exemple) ou des liens (comme des ancres
pour faire des renvois dans la page)...

En esperant ne pas dire trop de bétise...

PS:
la référence en VF: p://www.yoyodesign.org/doc/w3c/css2/cover.html
et dans ce cas précis:

HTH

--
E.Bullier

E.Bullier a écrit :

  
J'ai beau lire toute la doc que je trouve sur le net j'ai de la peine à
bien saisir la nuance entre les deux, et surtout quand il faut emplyer
l'une ou l'autre méthode...
    
Si on respecte les standards, un id doit être utilisé pour un bloc unique sur 
la page (tu ne pourras pas affecter ce style plusieurs fois sur la même 
page).
Une class elle peut-être utilisée autant de fois qu'on le souhaite...

Dans la réalitée les deux fonctionnent, même si tu utilise un id plusieurs 
fois dans la même page. 
Mais tu ne respecte plus la norme et il ne faut pas le faire...

L'autre aspect intéressant de l'id  (AMHA le plus important) et qu'il peut 
faire double emploi: 
- formater le style (CSS)
- mais égalementdéfinir un objet (ici le bloc div) ce qui permet d'appliquer 
des comportements (javascript par exemple) ou des liens (comme des ancres 
pour faire des renvois dans la page)...

En esperant ne pas dire trop de bétise...

PS: 
la référence en VF: p://www.yoyodesign.org/doc/w3c/css2/cover.html
et dans ce cas précis:

HTH
  

Cool… je suis content j’ai pas dit trop de c…
C’est vrai que j’avais oublié yoyodesign - un grand…

Tonton BP

Bernard-Paul Eminet a écrit :

Daniel Cartron a écrit :

J'ai beau lire toute la doc que je trouve sur le net j'ai de la peine à bien saisir la nuance entre les deux, et surtout quand il faut emplyer l'une ou l'autre méthode...

Qqun peut m'éclairer?

Je te suggère ce site :
http://css.alsacreations.com
Site de tutoriel CSS dans lequel tu trouveras ton bonheur

Bonjour,
Très bonne lecture Alsacréations :wink:
Il y a même une ressource à ce sujet dans les tutoriels: Quelle est la différence entre une classe et un id ? (<http://css.alsacreations.com/Bases-et-indispensables/Quelle-est-la-difference-entre-une-classe-et-un-id&gt;\).

Cordialement,
Igor

--
igor.maynaud @ ouvaton.org
http://ouvaton.coop - http://forum.alsacreations.com/ - http://igor.ouvaton.org/

Igor a écrit :

Bernard-Paul Eminet a écrit :

Daniel Cartron a écrit :

J'ai beau lire toute la doc que je trouve sur le net j'ai de la peine à bien saisir la nuance entre les deux, et surtout quand il faut emplyer l'une ou l'autre méthode...

Qqun peut m'éclairer?

Je te suggère ce site :
http://css.alsacreations.com
Site de tutoriel CSS dans lequel tu trouveras ton bonheur

Bonjour,
Très bonne lecture Alsacréations :wink:
Il y a même une ressource à ce sujet dans les tutoriels: Quelle est la différence entre une classe et un id ? (<http://css.alsacreations.com/Bases-et-indispensables/Quelle-est-la-difference-entre-une-classe-et-un-id&gt;\).

Cordialement,
Igor

--
igor.maynaud @ ouvaton.org
http://ouvaton.coop - http://forum.alsacreations.com/ - http://igor.ouvaton.org/

Rien à dire - je dégrossis et Igor arrive pour la couche des détails - ca roule bien... Zoulou leader ici yellow leader à toi... je prend etc...
Signifiant/Signifié - Contenant/Contenu - Tenon/Mortaise - Macroscopique/Microscopique
J'ai noté Igor que tu étais à la SPIP Feria nous nous y verrons donc... bonne équipe cela dit...

Tonton BP

Tonton BP a écrit :

J'ai noté Igor que tu étais à la SPIP Feria nous nous y verrons donc... bonne équipe cela dit...

Au plaisir de te rencontrer alors. :slight_smile:

Cordialement,
Igor

--
igor.maynaud @ ouvaton.org
http://ouvaton.coop - http://forum.alsacreations.com/ -
http://igor.ouvaton.org/

Si on respecte les standards, un id doit être utilisé pour un bloc unique sur
la page (tu ne pourras pas affecter ce style plusieurs fois sur la même
page).
Une class elle peut-être utilisée autant de fois qu'on le souhaite...

C'est également une question de logique. Les navigateurs tolèrent
l'utilisation de plusieurs id, mais c'est tout.. Au passage, il est
recommendé de donner des noms explicites aux id (évitez SVP <div
id='bloc5'> :wink:

L'autre aspect intéressant de l'id (AMHA le plus important) et qu'il peut
faire double emploi:
- formater le style (CSS)

La principale différence de traitement entre id et class dans le
navigateur, c'est l'ordre de priorité d'interprétation des styles
croisés (ie. pour un élément qui se retrouve concerné par plusieurs
déclaration dans la feuille de style). J'avais une référence là
dessus, mais je ne sais plus où c'est..

- mais égalementdéfinir un objet (ici le bloc div) ce qui permet d'appliquer
des comportements (javascript par exemple) ou des liens (comme des ancres
pour faire des renvois dans la page)...

une fonction javascript, getElementById(id) permet de retrouver
l'élément correspondant. Elle retourne un noeud de l'arbo DOM : donc
facile de voir que plusieurs id dans une même page, ça va mettre un
joyeux bordel !

A savoir que la librairie Prototype.js (http://prototype.conio.net/)
définit une fonction getElementByClassName() qui retourne un tableau
d'objets.
Formidable librairie Javascript : pour en connaitre toutes les
possibilités, c'est par là
Site en construction

En esperant ne pas dire trop de bétise...

+1

Gilles Vincent wrote:

Site en construction

No found! en remontant jusqu'à electrolinux on tombe sur un webmail. Déceptionnnnn (à lire avec l'accent latino)

Et merci pour le lien vers la librairie.

Cordialement

Françoise

Le 11/11/05, Françoise<f.roure@wanadoo.fr> a écrit :

Gilles Vincent wrote:

>
> Site en construction
>
No found! en remontant jusqu'à electrolinux on tombe sur un webmail.
Déceptionnnnn (à lire avec l'accent latino)

l'original est ici :

Le 10/11/05, Daniel Cartron<dan@cartron.org> a écrit :

Le Jeudi 10 Novembre 2005 22:43, vous avez écrit:
> La principale différence de traitement entre id et class dans le
> navigateur, c'est l'ordre de priorité d'interprétation des styles
> croisés

Mais encore... Je voudrais bien connaitre la suite :slight_smile:

Je ne retrouvais plus la ressource parcequ'elle était en français :slight_smile:

Merci à vous deux, ça correspond à ce que j'ai déjà lu mais en plus clair :))

Je vais donc me goinfrer qq pages de doc de plus...

--
Cordialement, Daniel Cartron
« L'indépendance vaut bien que l'on supporte la solitude. »
Bernard Shaw - Mes inscriptions