Exercice 6/7

  • Dans le fichier index.html, ajoutez l'attribut id et sa valeur meilleur_ami à un div qui a déjà l'attribut class avec la valeur ami. Il est tout à fait possible de cumuler class et id pour un même élément html (voir l'astuce);
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 6/7

Dans cet exercice, vous allez appliquer un style particulier pour le div qui contient votre meilleur ami.

Note :
Par défaut, les div sont vides dans le fichier index.html. N'oubliez pas de récupérer leur contenu et leur attribut class selon ce que vous avez inséré à l'exercice précédent. Un simple copier-coller fera l'affaire.

Pour un même élément html, voici le code pour utiliser conjointement les attributs class et id :

‹div class="ami" id="meilleur_ami"›‹/div›

Commentaires les mieux notés

  • mram Administrateur

    Non, ce n'est pas que tout s'efface, c'est que pour chaque exercice c'est le code initial qui est proposé. Comme indiqué dans l'énoncé, vous devez récupérer votre propre code HTML de l'exercice précédent et le copier/coller sur l'exercice en cours. Il 'y a pas encore de fonctionnalité implémentée pour gérer la récupération du code utilisateur d'un exercice à l'autre.

  • mram Administrateur

    Dans le HTML, l'id ligne 9 est inutile.

  • danderhy3

    bonjour, je n'arrive pas à voir mon erreur de syntaxe pouvez vous m'aider svp?

  • danderhy3

    c est bon j'ai compris mon erreur sur css merci

11 Commentaires

  • mram

    mram Administrateur

    Non, ce n'est pas que tout s'efface, c'est que pour chaque exercice c'est le code initial qui est proposé. Comme indiqué dans l'énoncé, vous devez récupérer votre propre code HTML de l'exercice précédent et le copier/coller sur l'exercice en cours. Il 'y a pas encore de fonctionnalité implémentée pour gérer la récupération du code utilisateur d'un exercice à l'autre.

    le 29/06/2016 à 18h19

  • mram

    mram Administrateur

    Dans le HTML, l'id ligne 9 est inutile.

    le 12/06/2017 à 14h49

  • danderhy3

    danderhy3

    bonjour, je n'arrive pas à voir mon erreur de syntaxe pouvez vous m'aider svp?

    le 27/04/2017 à 15h21

  • danderhy3

    danderhy3

    c est bon j'ai compris mon erreur sur css merci

    le 27/04/2017 à 15h26

  • pizzutoandrea3

    pizzutoandrea3

    petite aide

    le 08/06/2017 à 22h58

  • Magalislk

    Magalislk

    Tout s'efface dans l index.html....

    le 28/06/2016 à 22h07

  • diallocherif321

    diallocherif321

    bonjour une aide svp <div class="ami madelaine"></div> <div id="meilleur_ami anis"></div> <div class="ami madelaine"></div> <div id="meilleur_ami anime"></div> <div class="ami made"></div> <div id="meilleur_ami miska"></div> <div class="ami amidou"></div> <div id="meilleur_ami delia"></div> <div class="ami sami"></div> </body>

    le 11/10/2018 à 10h53

  • meriam

    meriam Administrateur

    ajoutez l&#39;attribut id et sa valeur meilleur_ami à un div qui a déjà l&#39;attribut class avec la valeur ami. Vous avez ajouté l&#39;attribut id à tout les div (contenant la classe famille, travail).
    

    le 11/10/2018 à 15h21

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Utiliser le sélecteur "id"</title> </head> <body> <div class="ami">Pierre</div> <div class="travail">Paul</div> <div class="famille">Roberto</div> <div class="famille">Thierry</div> <div class="ami">Marina</div> <div class="famille">Erika</div> <div class="ami">Toto</div> <div class="travail">Carlos</div> <div class="travail">Suzette</div> </body> </html>
div { display: inline-block; margin-left: 5px; height: 100px; width: 100px; border-radius: 100%; } .ami { border: 2px dashed #008000; } .famille { border: 2px dashed #0000ff; } .travail { border: 2px dashed #ff0000; }