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

19 Commentaires

  • 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 à 06h53

  • meriam

    meriam Admin

    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 à 11h21

  • mram

    mram Admin

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

    le 12/06/2017 à 10h49

  • pizzutoandrea3

    pizzutoandrea3

    petite aide

    le 08/06/2017 à 18h58

  • danderhy3

    danderhy3

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

    le 27/04/2017 à 11h26

  • danderhy3

    danderhy3

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

    le 27/04/2017 à 11h21

  • mram

    mram Admin

    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 à 14h19

  • Magalislk

    Magalislk

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

    le 28/06/2016 à 18h07

Pour publier un commentaire, vous devez vous connecter.
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; }
http://localhost:8080