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

  • yacine

    Merci

  • christian67260

    Bonjour Apparemment il y a toujours un bug présent avec le corrigé !! Je ne peut aller plus loin, message d'erreur avec la balise "table" ???? td{ height: 50px; width: 50px; border: 1px dashed blue; } table{ border: 1px solid black; } je ne vois pas ou est le soucis !! il y a t-il un modérateur dans le secteur..merci

  • riad.hadjer

    ça marche !!! td { height: 50px; width: 50px; border:1px dashed blue; } table { border: 1px solid black; }

  • mram Administrateur

    Ligne 2 dans le CSS, mettez la propriété "witdh" à la ligne.

26 Commentaires

  • yacine

    yacine

    Merci

    le 05/01/2017 à 15h07

  • christian67260

    christian67260

    Bonjour Apparemment il y a toujours un bug présent avec le corrigé !! Je ne peut aller plus loin, message d'erreur avec la balise "table" ???? td{ height: 50px; width: 50px; border: 1px dashed blue; } table{ border: 1px solid black; } je ne vois pas ou est le soucis !! il y a t-il un modérateur dans le secteur..merci

    le 01/03/2017 à 14h49

  • riad.hadjer

    riad.hadjer

    ça marche !!! td { height: 50px; width: 50px; border:1px dashed blue; } table { border: 1px solid black; }

    le 07/03/2017 à 13h31

  • mram

    mram Administrateur

    Ligne 2 dans le CSS, mettez la propriété "witdh" à la ligne.

    le 07/06/2017 à 12h37

  • mram

    mram Administrateur

    Oui on peut très bien mettre l'accolade où on veut mais dans nos exercices on vérifie ce point pour s'assurer que les gens écrivent un code un minimum propre et prennent de bonnes habitudes.

    le 09/03/2017 à 00h44

  • christian67260

    christian67260

    Bonjour Non !! normalement pas d'influence pour le code on peut très bien mettre l'accolade contre ou en dessous c'est pareil..!!! De toute façon ça passe pas avec cet exo.

    le 06/03/2017 à 09h47

  • nicolas.staffent

    nicolas.staffent

    Bonjour, j'ai message d'erreur "Cannot read property 'test' of undefined" je ne trouve pas la solution pouvez-vous m'aider

    le 03/01/2017 à 15h34

  • mram

    mram Administrateur

    Lignes 2 et 7 il faut un espace avant l'accolade.

    le 05/03/2017 à 10h54

  • nicolas.staffent

    nicolas.staffent

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

    le 03/01/2017 à 15h38

  • yacine

    yacine

    Bonjour, voici on code: td{ height: 50px; width: 50px; border: 1px dashed blue; } table{ border: 1px solid black; } Quand je met soumettre, voici ce que ça m'affiche: Cannot read property "test" of undefined. Je ne vois pas mon erreur.

    le 04/01/2017 à 16h37

  • thibault.lel

    thibault.lel

    Bonjour j'ai suivi les instructions et voici mon code : td { height:50px; width:50px; border:1px dashed blue; } table { border:1px solid black; } Il me semble bon mais quand je veux soumettre ma réponse, on me dit "Cannot read property 'test' of undefined", ai-je oublié quelque chose ?

    le 04/01/2017 à 18h00

  • rocqueslio

    rocqueslio

    Bonjour, le message d'erreur "cannot read property "test" of undefined arrive lorsque je soumets la réponse qui ne me semble pas compliquée pourtant. Est ce que j'oublie quelque chose ? td { border:1px dashed blue; height:50px; width:50px; } table { border:1px solid black; }

    le 05/01/2017 à 10h19

  • pizzutoandrea3

    pizzutoandrea3

    petite aidw.. merci

    le 31/05/2017 à 15h01

  • mram

    mram Administrateur

    Bonjour à tous, en effet il y avait une erreur dans le code de correction. C'est corrigé, ça devrait être bon.

    le 05/01/2017 à 12h03

  • 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 à 09h23

  • meriam

    meriam Administrateur

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

    le 10/10/2018 à 13h54

  • 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 à 15h50

  • mram

    mram Administrateur

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

    le 24/03/2018 à 06h15

  • jkesslerpro-76

    jkesslerpro-76

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

    le 23/03/2018 à 14h38

  • mram

    mram Administrateur

    Bonjour, que vous dit le message d'erreur ?

    le 24/03/2018 à 06h22

  • vianney.reumaux

    vianney.reumaux

    Il me refuse mon code, à cause de la bordure bleue, mais je ne comprends pas pourquoi.Voici mon code : td { height: 50px; width : 50px; border: 1px dashed blue; } table { border: 1px solid black; }

    le 14/09/2017 à 10h08

  • mram

    mram Administrateur

    Bonjour, oui il faut mettre un espace après le double point ":"

    le 14/09/2017 à 13h56

  • 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 à 11h39

  • mram

    mram Administrateur

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

    le 16/09/2018 à 08h35

  • 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 à 18h42

  • mram

    mram Administrateur

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

    le 05/09/2018 à 19h36

  • wailmacq

    wailmacq

    besoin d'aide merci

    le 06/11/2017 à 22h31

  • mram

    mram Administrateur

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

    le 07/11/2017 à 23h15

  • toubalsaoussene-58

    toubalsaoussene-58

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

    le 15/06/2018 à 20h26

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 !*/