Bonjour a tous,

Lors d'un exercice pour de la mise en forme en CSS on nous demande d'afficher les liens en gras lorsque qu'on les survol.

Voila comment j'ai procédé :

HTML:

<p>J'ai découvert les cupcakes lors d'un voyage à <a href="https://fr.wikipedia.org/wiki/New_York">New York</a>... et depuis c'est une véritable passion. Sur mon site, vous saurez <strong>tout</strong> sur les cupcakes !</p>

CSS:

a:hover

{

  font-weight: bold;

}

Sa fonctionne sur ma page mais quand je clique pour le valider sa ma dit : "les liens ne sont pas en gras au survol"

Est ce que quelqu'un pourrait m'aider à comprendre mon erreur s'il vous plaît ? parce que je ne vois pas ou j'ai fait une faute

Merci d'avance pour vos réponses

Salut,

Essaye de forcer en ajoutant un !important

a:hover{

font-weight:bold !important;

}

-
Edité par GhislainWallaert 8 septembre 2017 à 16:47:40

Peut être que tu n'a pas bien expliquer les choses sinon tout le monde est d'accord que

a:hover{
  /* proprietes*/
}

manipule le lien au survol

Bonjour,

utiliser !important à tort et à travers est une mauvaise pratique. Je te suggère de réessayer sans, le robot de correction est parfois capricieux.

Bonjour Lamecarlate,

J'ai essayer 5 ou 6 fois mais le robot ne voulais rien savoir

Quel est le lien vers l'exercice, histoire que j'essaie de démêler ça ?

Edit : si c'est celui-ci https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/pratiquez-4 , je viens de tester avec

a:hover {
    font-weight: bold;
}

ça passe nickel. Réessaye s'il te plaît.

-
Edité par Lamecarlate 9 septembre 2017 à 12:25:41

Effectivement la tout fonctionne bien pour moi aussi, je ne comprend donc pas pourquoi il ne voulait pas me le valider hier sans le !important alors que j'avais procédé de la même manière.