Exercice 20/26

Dans l'onglet stylesheet.css :

  • Attribuez une hauteur (height) et une largeur (width) de 50px aux balises ‹td› (cellules de données du tableau) pour les rendre plus visibles avant d'ajouter notre bordure;
  • Ajoutez une bordure (border) de valeur 1px dashed blue aux balises ‹td›;
  • Ajoutez une bordure (border) de 1px solid black à la balise ‹table›;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 20/26

De nombreux éléments HTML peuvent faire appel à la propriété border. Elle est tout particulièrement utile pour les tableaux.

La propriété border peut prendre plusieurs valeurs. Par exemple, pour afficher une bordure de 2 pixels, continue et rouge, il suffit d'écrire :

sélecteur {
    border:2px solid red;
}

Commentaires les mieux notés

55 Commentaires

  • samoineleonie-46

    samoineleonie-46

    Boniour ce code a marcher, mais je ne sais pas pouquoi qu'il y a un warning?td{ height:50px; width:50px; border:1px dashed blue; } table{ border:1px solid black; }

    le 22/05/2022 à 19h41

  • meriam

    meriam Admin

    Bonjour, votre code fonctionne correctement.

    le 24/05/2022 à 14h12

  • Rubis.daisuki-69

    Rubis.daisuki-69

    Bonjour, je ne vois rien du tout là non plus.... exo réussi, mais il n'y a aucun tableau nul part, je fais tout à l'aveugle la majorité des exercices.... je ne vois jamais rien, c'est normal ? Je vais arrêter de commenter, parce que je suis sûr que toutes les autres exercices je devrai les faire à l'aveugle aussi...

    le 08/03/2022 à 21h45

  • meriam

    meriam Admin

    Bonjour, est ce que le problème de l'affichage persiste encore??

    le 15/03/2022 à 14h02

  • meriam

    meriam Admin

    chez l'affichage fonctionne correctement.

    le 15/03/2022 à 14h03

  • nasandratra-42

    nasandratra-42

    où est l'erreur svp ? td { height:50px; Width:50px; border:1px dashed blue; } table { border:1px solid black; }

    le 01/02/2022 à 11h50

  • meriam

    meriam Admin

    Bonjour, il faut modifier la 1 ère lettre de la propriété width (la lettre W doit être en miniscule)

    le 01/02/2022 à 11h57

  • nasandratra-42

    nasandratra-42

    td { height:50px; Width:50px; border:1px dashed blue; } table { border:1px solid black; }

    le 01/02/2022 à 11h48

  • meriam

    meriam Admin

    Les propriétés doivent être en miniscule

    le 01/02/2022 à 11h58

  • imane.vanr-79

    imane.vanr-79

    td { height:50px; Width:50px; border:1px dashed blue; } table { border:1px solid black; }

    le 10/10/2021 à 11h29

  • meriam

    meriam Admin

    Bonjour, votre code fonctionne correctement.

    le 11/10/2021 à 14h34

  • evannpicard203

    evannpicard203

    je ne comprend pas ou est mon erreur le message d'erreur est Il vous manque la règle css pour la balise td

    le 24/04/2021 à 14h42

  • meriam

    meriam Admin

    Bonjour, remplacez le code { par {

    le 28/04/2021 à 10h57

  • meriam

    meriam Admin

    Bonjour, vous devez ajouter un sélecteur pour td et un autre pour table (lisez bien l'énoncé).

    le 28/04/2021 à 10h58

  • francis.jub-94

    francis.jub-94

    Bonsoir, je ne vois pas où est l'erreur

    le 08/11/2020 à 21h04

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 09/11/2020 à 08h11

  • viergolion85-26

    viergolion85-26

    td{height: 50PX; width: 50px; border: 1px dashed blue;} table{border:1px solid black; }

    le 21/11/2019 à 13h06

  • nkeshimanabrice-37

    nkeshimanabrice-37

    Vérifiez la syntaxe du sélecteur pour les balises <td>.,Vérifiez la syntaxe du sélecteur pour la balise <table>.je ne vois l'erreur...

    le 09/10/2018 à 05h23

  • meriam

    meriam Admin

    Il faut indenter votre code et éviter les espaces inutiles.

    le 10/10/2018 à 09h54

  • ourfiornella-10

    ourfiornella-10

    je ne comprend pas mon erreur , je pense avoir tout bon mais il me mette un message erreur de synthaxe !

    le 14/09/2018 à 07h39

  • mram

    mram Admin

    A quel niveau l'erreur de syntaxe ? HTML, CSS ?

    le 16/09/2018 à 04h35

  • tekh3d-63

    tekh3d-63

    hauteur et largeur : 50 mm | couleur bleu machin chose| bordure exterieur noir| OUUUPSS ça maarchee paas!!!! why ???

    le 24/08/2018 à 14h42

  • mram

    mram Admin

    Il faut mettre les propriétés sur une ligne à la fois.

    le 05/09/2018 à 15h36

  • toubalsaoussene-58

    toubalsaoussene-58

    ca marche comme cecii td &#123; height:50px;width:50px; border:1px dashed blue; } table &#123; border:1px solid black; }

    le 15/06/2018 à 16h26

  • jkesslerpro-76

    jkesslerpro-76

    bonjour, je n'arrive pas à comprendre ou est l'erreur dans mon code ?

    le 23/03/2018 à 12h38

  • mram

    mram Admin

    Bonjour, que vous dit le message d'erreur ?

    le 24/03/2018 à 04h22

  • ant.villard-11

    ant.villard-11

    bonjour, le correcteur m'indique un problème de syntaxe td,je ne vois pas mon erreur.

    le 22/03/2018 à 13h50

  • mram

    mram Admin

    Bonjour, dans le CSS à la première ligne il y a des espaces inutiles après l'accolade.

    le 24/03/2018 à 04h15

  • wailmacq

    wailmacq

    besoin d'aide merci

    le 06/11/2017 à 20h31

  • mram

    mram Admin

    Bonjour, idéalement il ne faut pas d'espace après les accolades { et } . Sinon le code est correct.

    le 07/11/2017 à 21h15

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>Au bord de la folie</title> </head> <body> <table> <tbody> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </tbody> </table> </body> </html>
/*Ajoutez votre CSS ici !*/
http://localhost:8080