Exercice 25/26

Attention, la structure HTML proposée est minimale, n'oubliez pas d'ajouter les balises nécessaires.

  • Ajoutez une balise ‹img /› à votre document HTML. Vous pouvez choisir n'importe quelle source src. N'hésitez pas à regarder l'astuce si vous êtes bloqué ou si vous avez besoin d'une image.
  • Dans le fichier stylesheet.css, attribuez à l'image une hauteur (height) de 100px et une largeur (width) de 300px;
  • Dans le fichier stylesheet.css, ajoutez à votre image une bordure (border) de 1px solid #000000;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 25/26

Pour ce rappel, vous allez revoir les propriétés pour donner des dimensions et une bordure à une balise HTML.

Rappelez-vous que votre balise ‹img /› doit comporter une propriété src :

‹img src="URL du site web" /›

Commentaires les mieux notés

  • Francisque

    Excusez-moi, je ne comprends pas pourquoi mon code css ne fonctionne pas sur la borure de l'image

  • nkeshimanabrice-37

    je cherche toujours l'espace unitile mais je ne trouve pas indique moi l'endroit...

  • markitobcn

    il me dit que <img src> doit commencer par "HTTP://" ou "HTTPS://" et c'est correct donc je ne comprends pas

  • mram Administrateur

    Vous avez mis src: au lieu de src=

28 Commentaires

  • Francisque

    Francisque

    Excusez-moi, je ne comprends pas pourquoi mon code css ne fonctionne pas sur la borure de l'image

    le 10/04/2018 à 14h53

  • mram

    mram Administrateur

    Bonjour, attention à la différence entre la lettre O et le chiffre 0 .

    le 11/04/2018 à 05h58

  • markitobcn

    markitobcn

    il me dit que <img src> doit commencer par "HTTP://" ou "HTTPS://" et c'est correct donc je ne comprends pas

    le 24/10/2016 à 14h20

  • mram

    mram Administrateur

    Vous avez mis src: au lieu de src=

    le 25/10/2016 à 21h19

  • pizzutoandrea3

    pizzutoandrea3

    help

    le 31/05/2017 à 14h08

  • mram

    mram Administrateur

    Lignes 2 et 3 : c'est "px" en minuscule qu'il faudrait mettre.

    le 29/05/2017 à 14h26

  • markitobcn

    markitobcn

    merci

    le 26/10/2016 à 03h12

  • mram

    mram Administrateur

    Le lien vers l'image n'est pas bon. Il faut un lien qui se termine avec une extension .png, .gif, .pjeg, .jpg

    le 07/06/2017 à 12h31

  • louloute

    louloute

    Le titre de l'exercice "Différence entre l'attribut FLOAT et Inline-block" ne correspond pas à l'exercice.

    le 26/08/2016 à 11h09

  • mram

    mram Administrateur

    Effectivement, on va régler ça. Merci !

    le 26/08/2016 à 18h39

  • pizzutoandrea3

    pizzutoandrea3

    petite aidé? merci

    le 19/05/2017 à 00h22

  • khalidb

    khalidb

    bonjour ou je peux trouve des liens

    le 26/10/2017 à 01h23

  • mram

    mram Administrateur

    Bonjour, faites une recherche google pour les images et copiez / collez le lien de l'image de votre choix.

    le 30/10/2017 à 00h52

  • laila86

    laila86

    Vérifiez la syntaxe de la règle CSS pour la bordure de l'image. Vous devriez avoir 1 élément html avec la règle CSS "bordure: 1px solid #000000". Bonjour je suis bloque svp quest ce que je dois faire? merci

    le 18/12/2017 à 00h19

  • mram

    mram Administrateur

    Bonjour, il faut un espace après "solid".

    le 23/12/2017 à 12h49

  • jonathanchevalier7878

    jonathanchevalier7878

    Bonjour, Puis je avoir de l'aide s'il vous plait ?

    le 13/08/2018 à 16h45

  • mram

    mram Administrateur

    Quel est votre message d'erreur svp ? Ca sera plus facile pour vous aider.

    le 17/08/2018 à 06h16

  • radwan345kc-10

    radwan345kc-10

    Vous devriez avoir 1 élément html avec la règle CSS "bordure: 1px solid #000000"

    le 09/05/2018 à 19h37

  • mram

    mram Administrateur

    Bonjour, il y avait ce signe bizarre qui traînait dans votre CSS : "£"

    le 14/05/2018 à 03h15

  • mike.jeanphilippe-39

    mike.jeanphilippe-39

    bonjour je ne vois pas mon erreur

    le 12/04/2018 à 15h31

  • mram

    mram Administrateur

    Bonjour, un espace en trop devant le code couleur.

    le 15/04/2018 à 02h08

  • tendances.im

    tendances.im

    bonjour je ne comprends pas mon erreur

    le 27/09/2017 à 14h01

  • mram

    mram Administrateur

    Bonjour, il ne fallait pas coller "solid" et "#000000" .

    le 29/09/2017 à 02h40

  • ceciliaricarte83-100

    ceciliaricarte83-100

    je ne comprends pas on me dit de ve2rifier si img est dans le body et il se trouve dedans quelqu'un peut m'aider svp

    le 17/12/2018 à 12h20

  • meriam

    meriam Administrateur

    pour l'attribut src il vous manque les guillemets de fermeture src = "source de l'image".

    le 17/12/2018 à 12h48

  • melius.shuta

    melius.shuta

    bonjour je ne comprends pas

    le 06/12/2017 à 10h55

  • mram

    mram Administrateur

    Bonjour, la balise <img src="..." /> est une balise auto-fermante. Donc pas besoin de mettre à la fin </img> .

    le 10/12/2017 à 14h50

  • melius.shuta

    melius.shuta

    je susi sur border img 300px et aussi height10px

    le 06/12/2017 à 11h01

  • mram

    mram Administrateur

    Bonjour, il y a une erreur dans le HTML. La balise <img src="..." /> est auto-fermante donc pas besoin de remettre </img> à la fin.

    le 10/12/2017 à 14h12

  • damien.miremont-85

    damien.miremont-85

    Si votre border ne fonctionne pas, c'est peut être du a un espace oublié entre solid et #

    le 18/05/2019 à 14h00

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <title>Rappel 4 sur 5</title> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> </head> <body> </body> </html>