Exercice 3/6

  • Dans le fichier stylesheet.css, ajoutez à la balise ‹a› la propriété display et sa valeur block
  • Ajoutez également la propriété border et sa valeur 1px solid #0066ff;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 3/6

Dans cet exercice, vous allez appliquez une mise en forme CSS de base afin de convertir la balise ‹a› en block.

De cette façon, vous pourrez lui appliquer des dimensions et des marges afin de lui donner un rendu de "bouton".

Commentaires les mieux notés

36 Commentaires

  • Thomas Grn

    Thomas Grn

    Bonjour, j'ai réussi l'exercice mais dès que je tape du code, je n'ai aucun affichage dans la fenêtre du dessous. J'ai aussi une fenêtre grise avec un smiley :( et le message "Il se peut que la page Web à l'adresse https://bobtva.theaiinstitute.ai:5000/?exercice=68&user=50758 soit temporairement inaccessible ou qu'elle ait été déplacée de façon..."

    le 07/04/2021 à 12h00

  • meriam

    meriam Admin

    Bonjour, est ce le code est validé ou nn.

    le 09/04/2021 à 10h34

  • deboval.laurine-89

    deboval.laurine-89

    Bonjour, lorsque je clique sur le bouton, cela m'indique que le script a mis trop longtemps à s'éxécuter [...]

    le 12/03/2021 à 14h35

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 15/03/2021 à 11h01

  • deboval.laurine-89

    deboval.laurine-89

    Bonjour, le bouton "soumettre" ne fonctionne pas

    le 12/03/2021 à 12h20

  • meriam

    meriam Admin

    Bonjour, le bouton fonctionne correctement.

    le 12/03/2021 à 12h29

  • deboval.laurine-89

    deboval.laurine-89

    Bonjour,

    le 12/03/2021 à 12h19

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 15/03/2021 à 10h55

  • medi_94maddah-15

    medi_94maddah-15

    Il vous manque la règle css pour la balise a j'ai tjr le meme probleme help please

    le 28/02/2021 à 17h30

  • meriam

    meriam Admin

    Bonjour, il faut supprimer le point avant le sélecteur a.

    le 03/03/2021 à 09h17

  • nkeshimanabrice-37

    nkeshimanabrice-37

    merci c'est bien reussi

    le 26/10/2018 à 09h41

  • nkeshimanabrice-37

    nkeshimanabrice-37

    Vérifiez que vous avez mis le contenu "Cliquez ici" dans la balise <a>. mais je l'ai mis mais ca ne marche pas

    le 25/10/2018 à 05h34

  • meriam

    meriam Admin

    supprimez le tiret du 6 entre Cliquez et ici.

    le 25/10/2018 à 08h33

  • david.soutarson.pro

    david.soutarson.pro

    je me suis permis de rajouter des notion vue précédemment . es une bonne méthode pour progresser ?

    le 21/03/2018 à 10h41

  • mram

    mram Admin

    Bonjour, oui ça fait toujours réviser. Mais c'est ce qui est prévu dans les exercices suivants :)

    le 24/03/2018 à 03h38

  • soacynthiasoa-62

    soacynthiasoa-62

    a &#123; display: block; border: 1px solid #0066ff; }

    le 31/01/2018 à 17h27

  • mram

    mram Admin

    Bonjour, il faut mettre chaque propriétés CSS sur une seule ligne.

    le 05/02/2018 à 09h05

  • nicolas.bprf

    nicolas.bprf

    Je ne comprend pas ce que je fais mal...

    le 17/11/2017 à 13h11

  • mram

    mram Admin

    Bonjour, ce n'est pas 1xp mais 1px (px = pixel).

    le 21/11/2017 à 22h46

  • kandersonmanuel

    kandersonmanuel

    Bonsoir, mon code ne fonctionne pas, je sais pas pourquoi.

    le 06/10/2017 à 13h36

  • mram

    mram Admin

    Bonjour, il faut mettre chaque propriété sur une ligne distincte.

    le 08/10/2017 à 20h40

  • fanny.utard

    fanny.utard

    Pouvez vous me dire ou se trouve mon erreur de syntaxe ?

    le 31/08/2017 à 11h58

  • mram

    mram Admin

    Bonjour, la seule erreur de syntaxe que j'ai vu, c'est l'accolade } qui n'était pas à la ligne. Mais vous avez corrigé depuis.

    le 06/09/2017 à 06h15

  • mram

    mram Admin

    Euh, vous ne mettez pas du tout le bon code dans le fichier stylesheet.css . Relisez les instructions.

    le 15/05/2017 à 09h46

  • pizzutoandrea3

    pizzutoandrea3

    petite aide..merci

    le 12/05/2017 à 13h30

  • pizzutoandrea3

    pizzutoandrea3

    petite aide.. merci

    le 11/05/2017 à 19h40

stylesheet.css
index.html
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Un peu de mise en forme</title> </head> <body> <a href="http://3wa.fr">Cliquez ici</a> </body> </html>