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
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.
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:
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…
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...
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...
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...
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'>
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
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
Je ne retrouvais plus la ressource parcequ'elle était en français