Exercice 7/7

  • Dans le fichier stylesheet.css, attribuez à l'élément "meilleur ami" la bordure 4px solid #CC0000;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 7/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 et id selon ce que vous avez inséré à l'exercice précédent. Un simple copier-coller fera l'affaire.

Commentaires les mieux notés

  • slaouitaibi

    On me dit de vérifier la syntaxe du sélecteur pour l'id "meilleur_ami".. je ne trouve pas mon erreur

  • ou.broly-83

    Bonjour, je ne comprends pas le message :"Vérifiez la syntaxe du sélecteur pour l'id "meilleur_ami".

  • mram Administrateur

    Ce n'est pas esthétique mais peu importe, l'important est que vous puissiez valider l'exercice. Si oui, alors vous avez bon.

  • maksika

    On me dit de vérifier la syntaxe du sélecteur pour l'id "meilleur_ami".. je ne trouve pas mon erreur

21 Commentaires

  • slaouitaibi

    slaouitaibi

    On me dit de vérifier la syntaxe du sélecteur pour l'id "meilleur_ami".. je ne trouve pas mon erreur

    le 18/08/2017 à 15h56

  • mram

    mram Administrateur

    Bonjour, oui dans le CSS il faut mettre l'accolade "{" sur la même ligne que le sélecteur. Comme vous avez fait pour les autres en fait.

    le 22/08/2017 à 13h01

  • ou.broly-83

    ou.broly-83

    Bonjour, je ne comprends pas le message :"Vérifiez la syntaxe du sélecteur pour l'id "meilleur_ami".

    le 21/07/2018 à 22h46

  • mram

    mram Administrateur

    Bonjour c'est un id et non une class donc ce n'est pas le point . qu'il faut utiliser devnt son nom dans le CSS ...

    le 01/08/2018 à 05h09

  • mram

    mram Administrateur

    Ce n'est pas esthétique mais peu importe, l'important est que vous puissiez valider l'exercice. Si oui, alors vous avez bon.

    le 01/04/2017 à 11h10

  • maksika

    maksika

    On me dit de vérifier la syntaxe du sélecteur pour l'id "meilleur_ami".. je ne trouve pas mon erreur

    le 18/02/2017 à 12h00

  • mram

    mram Administrateur

    Et oui, on parle d'un id et non d'une class, un id commence avec un "#" or ce n'est pas le cas dans votre code...

    le 22/02/2017 à 00h27

  • Darwine

    Darwine

    Merci, c'etait donc ça :)

    le 01/09/2016 à 15h40

  • Darwine

    Darwine

    Je ne trouve pas mon erreur ..

    le 29/08/2016 à 17h33

  • francois.dreux

    francois.dreux

    Bonjour, Je ne comprends pas ce qui pose problème : depuis le début de la série d'exercices "Trier les propriétés et les Styles de votre CSS", les noms ne sont jamais centrés dans les cercles, et ce, malgré le fait que mon zoom soit à zéro (100%). Pouvez-vous m'aider ? Merci

    le 28/03/2017 à 17h36

  • Darwine

    Darwine

    On me dit de vérifier la syntaxe du sélecteur pour l'id "meilleur_ami".. je ne trouve pas mon erreur

    le 29/08/2016 à 17h54

  • mram

    mram Administrateur

    Il y a un espace (invisible) ligne 19 après l'accolade.

    le 30/08/2016 à 14h12

  • mike.jeanphilippe-39

    mike.jeanphilippe-39

    bonjour je ne vois pas mon erreur

    le 15/04/2018 à 14h32

  • mram

    mram Administrateur

    Bonjour, il manque des guillemets autour des noms de classes dans le HTML.

    le 18/04/2018 à 04h37

  • bruno.neumann-34

    bruno.neumann-34

    Mon code à l'air pas mal, je pense obtenir le résultat voulu, mais je ne parviens pas à valider, j'ai vérifier les espaces etc, mais je dois passer à coté de quelque chose ?

    le 24/09/2018 à 14h26

  • meriam

    meriam Administrateur

    Bonjour, le problème est au niveau du dernier sélecteur, ligne 17 supprimez les : aprés #meilleur_ami, ligne18 il manque une espace entre solid et la couleur de la bordure.

    le 05/10/2018 à 15h34

  • Seb

    Seb

    Bonjour. Il me semble que la couleur a indiquer pour cet exercice aurait dû être #00CC00 et non #CC0000, sinon on se retrouve avec un cercle plein rouge pour le meilleur ami tandis que les autres amis sont vert.

    le 04/09/2017 à 12h59

  • mram

    mram Administrateur

    Bonjour, la couleur a peu d'importance en fait, mais ça pourrait être plus cohérent visuellement pour certaines personnes en effet .

    le 06/09/2017 à 11h23

  • wilfrid

    wilfrid

    Bonjour, une fois l'exercice fini, le lien vers la partie suivante ne fonctionne pas, ce n'est pas trop génant mais je tenais à vous le signaler (win10/firefox55.0.3), de plus je trouve dommage que durant toute la leçon, on doit à chaque fois réécrire le html alors que le css est mise à jour.

    le 07/10/2017 à 17h22

  • mram

    mram Administrateur

    Bonjour, faire un copier / coller vous aidera dans ce cas.

    le 09/10/2017 à 00h51

  • v.tatu-49

    v.tatu-49

    un petit coup de main svp

    le 27/03/2018 à 23h58

  • mram

    mram Administrateur

    Bonjour, le sélecteur CSS (.ami > #meillieur_ami) n'était pas bon . En faisant ça vous sélectionner un élément HTML qui a l'id "meilleur_ami" ET qui se trouve dans un autre élément HTML qui a la classe "ami". Or là c'est le même élément HTML qui a les deux.

    le 30/03/2018 à 02h21

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 id="meilleur_ami" 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; }