Exercice 24/26

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

  • Attribuez la police Garamond à ‹h1› et ‹p›;
  • Donnez la police de substitution sans-serif à ‹h1› et la police de substitution serif à la balise ‹p›;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 24/26

L'ordinateur d'un utilisateur ne possède pas toujours la police que vous souhaitez utiliser pour votre site web. Pour cette raison, il faut prévoir des solutions de secours.

Exemple de code :

sélecteur {
    font-family: police1, police2;
}

Commentaires les mieux notés

  • gaudin.yannick69-79

    Bonjour, Il y a un soucis, pour moi ,il n'y a pas d'erreur dans mon code et bon m'indique le contraire:

  • gaudin.yannick69-79

    Je ne comprends pas ce message:Vérifiez la syntaxe de la règle CSS pour la police du texte du titre <h1>.,Vérifiez la syntaxe de la règle CSS pour la police du texte du paragraphe <p>.,Vous devriez avoir 1 élément html avec la règle CSS "font-family: Garamond, Sans-serif".,Vous devriez avoir 1 élément html avec la règle CSS "font-family: Garamond, Serif".

  • zyrass

    --------------- QUE CE SOIT : h1{ font-family: Garamond,serif; } p{ font-family: Garamond,serif; } ---------------- OU : h1,p{ font-family: Garamond; } h1{ font-family: sans-serif; } p{ font-family: serif; } Rien ne fonctionne.. Enfin si visuellement j'ai bien le rendu adéquat mais le résultat lui n'est pas correct.

  • antakvoria

    h1 { font-family: Garamond, sans-serif; } p { font-family: Garamond, serif; } <br /> Ne fonctionne pas ^^

47 Commentaires

  • gaudin.yannick69-79

    gaudin.yannick69-79

    Bonjour, Il y a un soucis, pour moi ,il n'y a pas d'erreur dans mon code et bon m'indique le contraire:

    le 05/08/2018 à 13h36

  • mram

    mram Administrateur

    Bonjour, que vous dit le message exactement ?

    le 13/08/2018 à 03h20

  • gaudin.yannick69-79

    gaudin.yannick69-79

    Je ne comprends pas ce message:Vérifiez la syntaxe de la règle CSS pour la police du texte du titre <h1>.,Vérifiez la syntaxe de la règle CSS pour la police du texte du paragraphe <p>.,Vous devriez avoir 1 élément html avec la règle CSS "font-family: Garamond, Sans-serif".,Vous devriez avoir 1 élément html avec la règle CSS "font-family: Garamond, Serif".

    le 05/08/2018 à 13h38

  • mram

    mram Administrateur

    Bonjour, essayez avec un espace après la virgule entre les noms des polices.

    le 13/08/2018 à 03h22

  • zyrass

    zyrass

    --------------- QUE CE SOIT : h1{ font-family: Garamond,serif; } p{ font-family: Garamond,serif; } ---------------- OU : h1,p{ font-family: Garamond; } h1{ font-family: sans-serif; } p{ font-family: serif; } Rien ne fonctionne.. Enfin si visuellement j'ai bien le rendu adéquat mais le résultat lui n'est pas correct.

    le 03/02/2016 à 09h47

  • antakvoria

    antakvoria

    h1 { font-family: Garamond, sans-serif; } p { font-family: Garamond, serif; } <br /> Ne fonctionne pas ^^

    le 14/06/2017 à 15h56

  • kevingaspar

    kevingaspar

    "h1 { font-family: Garamond, sans-serif; } p { font-family: Garamond, serif; }" Ne marche pas, hm...

    le 11/02/2016 à 11h24

  • mram

    mram Administrateur

    Ligne 4 il y a toujours un espace inutile en fin de ligne.

    le 07/06/2017 à 12h36

  • pizzutoandrea3

    pizzutoandrea3

    help

    le 28/05/2017 à 21h52

  • lm.monlouis

    lm.monlouis

    Ont me dire de vérifier la syntaxe, alors que j'ai l'espace entre Garamond, et Sans-serif; .j'ai essayer avec et sans majuscule ça ne passe pas

    le 08/02/2017 à 15h14

  • mram

    mram Administrateur

    C'est "sans-serif" et "serif" (pas de majuscule).

    le 14/02/2017 à 00h47

  • mram

    mram Administrateur

    Bonjour, lignes 1, 3 et 4 il y a des espaces en trop à la fin, ça doit venir de là.

    le 29/05/2017 à 14h24

  • melstephpro.stbg6

    melstephpro.stbg6

    Bonjour Il manque peut-être les majuscules à Serif et Sans-serif

    le 26/02/2016 à 11h24

  • mram

    mram Administrateur

    Il y a des chances que ce soit ça en effet...

    le 26/02/2016 à 18h47

  • chloe.bouget

    chloe.bouget

    Effectivement, il faut respecter les majuscules et les espaces comme ceci : h1{font-family: Garamond, Sans-serif;} p{ font-family: Garamond, Serif;}

    le 06/03/2016 à 17h40

  • chrissrakoto

    chrissrakoto

    ça ne marche pas non plus.. je ne sais pas si quelqu'un a pu trouver la réponse mais moi je bloque

    le 15/03/2017 à 21h10

  • mram

    mram Administrateur

    Il faudrait une majuscule à "serif" et "sans-serif".

    le 17/03/2017 à 19h54

  • pizzutoandrea3

    pizzutoandrea3

    non..essaye.. stp

    le 31/05/2017 à 14h11

  • ultimethoma

    ultimethoma

    rien ne marche pourtant le résultat est correct , insupportable tout ce temps perdu à chaque exercice

    le 23/02/2017 à 09h47

  • ultimethoma

    ultimethoma

    j'ai effacé et re écrit plusieurs fois la même chose à l'exactitude et ça a fini par marché , bien sur mram il faut les majuscule a Sans-serif et Serif sinon ça ne marche pas. ça ne coûte rien de tester les conseils que l'on donne quand même ..

    le 23/02/2017 à 09h53

  • mram

    mram Administrateur

    Lignes 1 et 4, il y un espace inutile devant les sélecteur "h1" et "p".

    le 23/02/2017 à 13h57

  • pizzutoandrea3

    pizzutoandrea3

    ca bloque

    le 19/05/2017 à 00h12

  • benebee_benjamin-87

    benebee_benjamin-87

    Ultimethoma exactement je dois vérifie mon 4eme ou 5eme exercice en 1h 1h30 d'entrainement et perdre du temps a chaque fois a cause de correction buger c'est assez lassant de ne pas savoir si on a fait bon ou pas et les pertes de temps

    le 09/03/2018 à 14h27

  • mram

    mram Administrateur

    Bonjour, la propriété "Font-family:" n'existe pas : il ne faut pas de majuscule.

    le 16/03/2018 à 04h32

  • alexismoquet

    alexismoquet

    il y a beaucoup de beug !

    le 02/09/2017 à 17h35

  • mram

    mram Administrateur

    Bonjour, où ça exactement ??

    le 06/09/2017 à 10h46

  • Jeeazy

    Jeeazy

    bonjour j'ai une erreur qui me dit: Erreur(s) : "Vérifiez les blocs de déclarations délimités par les { et }. Vous devriez en avoir 2." or que j'ai les accolades qui sont présent. h1 p { font-family: Garamond; } h1 { font-family: sans-serif; } p { font-family: serif; }

    le 19/08/2018 à 14h40

  • mram

    mram Administrateur

    Bonjour, oui et vous aviez 3 blocs de déclarations CSS, or il n'en faut que deux.

    le 28/08/2018 à 22h52

  • marcromain77

    marcromain77

    help me

    le 14/11/2017 à 15h53

  • mram

    mram Administrateur

    Bonjour, attention à la position des majuscules dans serif et sans-serif.

    le 16/11/2017 à 18h29

  • yurilecomte-94

    yurilecomte-94

    help

    le 06/07/2018 à 19h35

  • mram

    mram Administrateur

    Bonjour, je ne peux pas vous aider avec si peux d'informations.

    Quel message d'erreur avez-vous ?

    le 09/07/2018 à 03h31

  • soacynthiasoa-62

    soacynthiasoa-62

    il faut essayer comme ceci h1{ font-family: Garamond, Sans-serif; } p{ font-family: Garamond, Serif; }

    le 31/01/2018 à 18h46

  • marcromain77

    marcromain77

    pouvez vous vérifier mon code svp,

    le 16/11/2017 à 12h42

  • mram

    mram Administrateur

    Bonjour, il y a des espaces inutiles après l'accolade } à la dernière ligne.

    le 22/11/2017 à 00h25

  • nkeshimanabrice-37

    nkeshimanabrice-37

    h1 { font-family: Garamond,sans-serif; } p { font-family: Garamond,serif; } pouvez-vous me corriger...

    le 25/10/2018 à 09h28

  • meriam

    meriam Administrateur

    1 : Supprimez les espaces inutiles ( je viens de constater des espaces avant et aprés les accolades ; et à la fin de la ligne7. 2 : il faut laisser espace entre le font-family Garamond et serif( S en majuscule Serif et Sans-serif) .

    le 25/10/2018 à 12h25

  • veronique.nollet

    veronique.nollet

    Bonjour, j'ai un message d'erreur : Vous devriez avoir 1 élément html avec la règle CSS "font-family: Garamond, Serif".

    le 27/03/2018 à 20h12

  • mram

    mram Administrateur

    Bonjour, idem ici, un seul "p" dans le HTML suffit.

    le 30/03/2018 à 02h17

  • jetfusion.fr

    jetfusion.fr

    Attention à bien mettre en majuscule la première lettre du nom des polices de caractère sinon vous aurez des erreurs

    le 28/12/2017 à 18h18

  • Dadouhinda

    Dadouhinda

    Help, message d'erreur: Vérifiez la syntaxe du sélecteur pour le titre <h1>. Vérifiez la syntaxe du sélecteur pour le paragraphe <p>.

    le 07/02/2018 à 17h01

  • mram

    mram Administrateur

    Bonjour, vous avez des espaces inutiles après les accolades {

    le 08/02/2018 à 14h29

  • ant.villard-11

    ant.villard-11

    Bonjour,je ne comprend malheureusement pas ou se trouve mon erreur un petit coup de pouce serait le bienvenu! merci

    le 20/03/2018 à 13h14

  • mram

    mram Administrateur

    Bonjour, que vous dit le message d'erreur ?

    le 24/03/2018 à 05h29

  • hellwyn6

    hellwyn6

    J'avais le même problème, il faut une majuscule à Serif et Sans-serif

    le 01/09/2018 à 21h26

  • nkeshimanabrice-37

    nkeshimanabrice-37

    merci meriam je viens de cliquer sur reset et j'ai corrigé ca foctionne...

    le 11/03/2019 à 17h07

  • aymoh-14

    aymoh-14

    ah merci j'avais pas compris j'ai beugé que sur celui ci

    le 06/12/2018 à 15h48

  • bouakkaz.f-7

    bouakkaz.f-7

    ça peut vous aider:

    le 20/01/2019 à 01h00

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <title>Rappel 2 sur 5</title> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> </head> <body> <h1>Titre</h1> <p>Premier paragraphe</p> <p>Deuxième paragraphe</p> </body> </html>
h1 { font-family:Verdana; color:#576d94; } p { font-size:1em; color:#4a4943; }