Exercice 6/9

  • Dans le fichier index.html, ouvrez (‹!--) les commentaires HTML à la fin de la ligne 15 et fermez-les (--›) au début de la ligne 16;
  • Cliquez sur soumettre ma réponse pour passer à la suite;

Leçon 6/9

Vous remarquez que malgré l'ajout des propriétés pour mettre les deux blocs côte à côte, ils sont toujours l'un en-dessous de l'autre.

Cela est dû à un espace invisible qui se créé quand il y a un retour à la ligne entre la balise fermante du nav et du section. Rappelez-vous, pour y remédier il suffit d'ajouter des commentaires HTML à cet endroit précis.

C'est un point important à vérifier quand vous faites un layout avec des blocs disposés en inline-block.

Commentaires les mieux notés

  • alexisyovo75-14

    Il y a un bug je mets les balises de commentaire mais ça m'affiche "Vous n'avez qu'une modification à effectuer dans l'index.html, ajouter un commentaire html (<!-- puis -->) comme indiqué dans l'ennoncé, n'hésitez pas à utiliser le bouton Reset si besoin" sachant le mot "enoncé" est écrit avec 2 n et que j'ai fait reset plusieurs fois

  • alexisyovo75-14

    Il y a un bug je mets les balises de commentaire mais ça m'affiche "Vous n'avez qu'une modification à effectuer dans l'index.html, ajouter un commentaire html (<!-- puis -->) comme indiqué dans l'ennoncé, n'hésitez pas à utiliser le bouton Reset si besoin" sachant le mot "enoncé" est écrit avec 2 n et que j'ai fait reset plusieurs fois

  • francois.dreux

    Mes balises de commentaires semblent positionnées au bon endroit... Pourtant, j'ai toujours l'erreur "Vérifiez que vous avez ajouté les commentaires HTML au bon endroit sans toucher au reste du code." Merci pour votre aide

  • alexisyovo75-14

    Il y a un bug je mets les balises de commentaire mais ça m'affiche "Vous n'avez qu'une modification à effectuer dans l'index.html, ajouter un commentaire html (<!-- puis -->) comme indiqué dans l'ennoncé, n'hésitez pas à utiliser le bouton Reset si besoin" sachant le mot "enoncé" est écrit avec 2 n et que j'ai fait reset plusieurs fois

72 Commentaires

  • francois.dreux

    francois.dreux

    Mes balises de commentaires semblent positionnées au bon endroit... Pourtant, j'ai toujours l'erreur "Vérifiez que vous avez ajouté les commentaires HTML au bon endroit sans toucher au reste du code." Merci pour votre aide

    le 28/03/2017 à 19h36

  • mram

    mram Administrateur

    Idem, le premier chevron "<" n'est pas le bon...

    le 01/04/2017 à 11h12

  • alexisyovo75-14

    alexisyovo75-14

    Il y a un bug je mets les balises de commentaire mais ça m'affiche "Vous n'avez qu'une modification à effectuer dans l'index.html, ajouter un commentaire html (<!-- puis -->) comme indiqué dans l'ennoncé, n'hésitez pas à utiliser le bouton Reset si besoin" sachant le mot "enoncé" est écrit avec 2 n et que j'ai fait reset plusieurs fois

    le 28/10/2019 à 15h06

  • meriam

    meriam Administrateur

    cliquez sur reset et refaites les le commentaire en utilisant les chevrons < et >.

    le 30/10/2019 à 09h34

  • phaelier

    phaelier

    Bonsoir Toujours la même erreur: "Vérifiez que vous avez ajouté les commentaires HTML au bon endroit sans toucher au reste du code." Je vous remercie

    le 08/07/2016 à 23h35

  • mram

    mram Administrateur

    Il faut juste ajouter les balises de commentaires, mais ne pas mettre de commentaire dedans.

    le 11/07/2016 à 12h08

  • markitobcn

    markitobcn

    Bonsoir, je ne comprends pas j'ai ce message : "Vérifiez que vous avez ajouté les commentaires HTML au bon endroit sans toucher au reste du code." Ou est le problème?

    le 26/10/2016 à 19h49

  • elsa.bougrier

    elsa.bougrier

    bonjour, je ne comprends pas mon erreur. merci

    le 17/11/2016 à 10h08

  • patricerameaux

    patricerameaux

    est-ce bien écrit ? cela me paraît bizarre ...

    le 30/09/2016 à 15h57

  • mram

    mram Administrateur

    Oui ils sont pas au bon endroit. Supprimez-les et relisez l'énoncé pour bien les placer.

    le 27/10/2016 à 09h21

  • mram

    mram Administrateur

    Les balises sont bien placées mais celles que vous utilisez n'existent pas, regardez l'énoncé les balises de commentaires sont indiquées.

    le 01/10/2016 à 14h12

  • mram

    mram Administrateur

    Vos balises de commentaires sont bien positionnées. Par contre vous avez supprimé une chevron ">" juste après "corner2" ligne 11. ça doit venir de là.

    le 21/11/2016 à 13h16

  • Beemo

    Beemo

    " Rappelez-vous, pour y remdédier " < faute

    le 02/02/2017 à 11h12

  • markitobcn

    markitobcn

    je ne saisie pas, j'ai toujours ce message :"Vérifiez que vous avez ajouté les commentaires HTML au bon endroit sans toucher au reste du code." Ou est donc e problème?

    le 28/10/2016 à 11h12

  • mram

    mram Administrateur

    Et bien oui ils sont pas au bon endroit. Supprimez-les. La balise de commentaires ouvrante doit se trouver collée après la balise </nav> et la balise de commentaire fermante doit se trouver collée juste devant la balise <section>.

    le 29/10/2016 à 18h01

  • c_coool-54

    c_coool-54

    heuuuu premiere fois que je poste un commentaire...

    le 23/10/2019 à 22h51

  • c_coool-54

    c_coool-54

    </nav><!-- --> <section>

    le 24/10/2019 à 00h45

  • joseph.cotza.01-37

    joseph.cotza.01-37

    bizarre, ce coup-ci cela a fonctionné après un reset, une ressaisie

    le 19/06/2019 à 12h52

  • joseph.cotza.01-37

    joseph.cotza.01-37

    Merci

    le 19/06/2019 à 12h52

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Les commentaires HTML</title> </head> <body> <header> <span class="corner1">&lt;header&gt;</span> <span class="corner2">&lt;/header&gt;</span> </header> <nav> <span class="corner1">&lt;nav&gt;</span> <span class="corner2">&lt;/nav&gt;</span> </nav> <section> <span class="corner1">&lt;section&gt;</span> <span class="corner2">&lt;/section&gt;</span> <article> <span class="corner1">&lt;article&gt;</span> <span class="corner2">&lt;/article&gt;</span> </article> <aside> <span class="corner1">&lt;aside&gt;</span> <span class="corner2">&lt;/aside&gt;</span> </aside> <footer> <span class="corner1">&lt;footer&gt;</span> <span class="corner2">&lt;/footer&gt;</span> </footer> </section> <footer> <span class="corner1">&lt;footer&gt;</span> <span class="corner2">&lt;/footer&gt;</span> </footer> </body> </html>
body { margin: 0; } header, nav, footer, section, article, aside { position: relative; border: 3px solid #cccccc; box-sizing: border-box; } span { padding : 1px; background-color: #cccccc; } header { border: 3px solid #2196F3; height: 80px; position: fixed; left: 0; right: 0; z-index: 1; } header span { background-color: #2196F3; } nav { border: 3px solid #8BC34A; height: 500px; display: inline-block; width: 20%; } nav span { background-color: #8BC34A; } section { border: 3px solid #E91E63; padding: 25px; display: inline-block; width: 80%; } section span { background-color: #E91E63; } footer { border: 3px solid #673AB7; height: 50px; } footer span { background-color: #673AB7; color: #ffffff; } article { border: 3px solid #009688; height: 500px; } article span { background-color: #009688; } aside { border: 3px solid #FFC107; height: 500px; } aside span { background-color: #FFC107; } .corner1 { position: absolute; top: 0; left: 0; } .corner2 { position: absolute; bottom: 0; right: 0; }