Version complète: sur le forum Webmaster Hub : Sélecteur id
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
ptit-bout
Bonjour !

voilà, comme précisé dans ma présentation toute récente, je me lance dans la création de sites web. J'apprends en ce moment les bases du CSS te je viens de tomber sur un petit os :s : les "Sélecteur id" !! en effet je ne comprends pas vraiment leur but et encore moins n'arrive a les faire fonctionner.

Si quelqu'un à une réponse...elle est la bienvenue ! merci tongue.gif

et encore une fois, bonne année à tous wink.gif

lien "sélécteur id" : http://mammouthland.free.fr/cours/css/cours1_2.php
Compte supprimé
C'est simplement une alternative au selecteur "class" avec quelques différences:
- L'id doit être unique dans ta page
- l'id peut aussi servir d'ancre.

ps : dans ta feuille de style l'id est précédé d'un dièse (#)

exemple

CODE
<head>
<style>
#menu {
color: red;
}
</style>
</head>
<body>
<div id="menu">
ton menu
</div>
...
</body>
ptit-bout
merci ! je crois que j'ai compris !
Monique
Bonjour,

La lecture de cet article t'aidera à comprendre les notions de base d'une feuille de style.

Et les spécifications du W3C t'apprendront les rôles de ces deux attributs :
CITATION
L'attribut id a plusieurs rôles dans HTML :

    * comme sélecteur dans une feuille de style ;
    * comme ancre cible de liens hypertextes ;
    * comme moyen d'appeler un élément particulier à partir d'un script ;
    * comme nom d'un élément OBJECT déclaré ;
    * pour un traitement universel par les agents utilisateurs (par exemple, pour identifier les champs lors de l'extraction des données des pages HTML pour peupler une base de données, pour traduire des documents HTML dans d'autres formats, etc.).

L'attribut class, au contraire, assigne un ou plusieurs noms de classe à un élément ; on peut dire de l'élément qu'il appartient à ces classes. Un nom de classe peut être partagé par plusieurs instances d'éléments. L'attribut class a plusieurs rôles dans HTML :

    * comme sélecteur dans une feuille de style (quand l'auteur souhaite assigner une information de style à un ensemble d'éléments) ;
    * pour un traitement universel par les agents utilisateurs.
(agents utilisateurs = navigateur)
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.