Freecodecamp: Échec du test : Conception visuelle appliquée : créez une ligne horizontale à l'aide de l'élément hr

Créé le 28 juil. 2018  ·  59Commentaires  ·  Source: freeCodeCamp/freeCodeCamp

Décrivez votre problème et - si possible - comment le reproduire

La deuxième partie du test échoue, indiquant à tort que "La balise hr doit se trouver entre le titre et le paragraphe". bien qu'en fait


tag est déjà placé et affiché dans la vue des résultats comme il se doit.

Ajouter un lien vers la page avec le problème

https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element

Parlez-nous de votre navigateur et de votre système d'exploitation

  • Nom du navigateur : Chrome
  • Version du navigateur : version 67.0.3396.99 (version officielle) (64 bits)
  • Système d'exploitation : Mac OS

Si possible, ajoutez une capture d'écran ici

image

Commentaire le plus utile

Essayez de changer votre balise <p><em> comme ceci.. Cela fonctionne pour moi..

fix solution

J'espère que ça aide, pour quelqu'un qui veut passer ce test..

Tous les 59 commentaires

Je peux confirmer que j'ai aussi ce problème. J'en ai parlé sur le forum ici - https://forum.freecodecamp.org/t/create-a-horizontal-line-using-the-hr-element-is-this-bug/212450/6

Cela semble être un problème récent...

Il semble également que pour les autres qui ont réussi ce défi, cela passe toujours pour eux.

Même problème pour moi aussi.

Ici un lien
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/

À propos du navigateur :
Nom du navigateur : Chrome
Version du navigateur : 67.0.3396.99 (version officielle) (32 bits)
Système d'exploitation : Windows 10

Voici une capture d'écran
error issues

Problème similaire auquel je suis confronté

applied_visual_design__create_a_horizontal_line_using_the_hr_element___learn_freecodecamp

Idem Ici, je me demande si je peux sauter cette tâche ?

Pareil ici.

J'ai le même problème avec firefox.
@yohanisgobai, il peut être ignoré et passer au prochain défi.

même problème, en utilisant chrome.

j'ai aussi le même problème

J'ai aussi le même problème. Cela m'a fait me sentir mieux de voir que je ne devenais pas fou avec cette tâche simple.

Même problème dans Chrome

Pareil ici, j'ai essayé des milliards de fois, c'est bien de voir que je ne suis pas le seul.

Essayez de changer votre balise <p><em> comme ceci.. Cela fonctionne pour moi..

fix solution

J'espère que ça aide, pour quelqu'un qui veut passer ce test..

@asheaveniste Cette solution a fonctionné pour moi ! Merci!

@asheavenist Cette solution a également fonctionné pour moi, ce qui est amusant puisque j'ai placé la balise d'accentuation autour du paragraphe dans Utiliser la balise em pour mettre le texte en italique et cela m'a fait les déplacer à l'intérieur

. Merci

@asheaveniste remercie son travail :+1:

@asheaveniste Génial. Ça marche.

et

l'interrupteur a fonctionné !

@asheaveniste merci d'avoir apporté la solution, alors que j'ai encore la motivation d'apprendre le fcc

Merci beaucoup! Cela a fonctionné, et maintenant je peux dormir.

Le dimanche 29 juillet 2018 à 21:19, asheavenist [email protected]
a écrit:

Essayez de vous changer

-
Vous recevez ceci parce que vous avez commenté.
Répondez directement à cet e-mail, consultez-le sur GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/17944#issuecomment-408720872 ,
ou couper le fil
https://github.com/notifications/unsubscribe-auth/AnP_W2VSYM2weLkFR471YxKKkFT17e03ks5uLl8KgaJpZM4Vk-Xj
.

N'a pas travaillé pour moi. Mes em et p étaient dans le bon ordre, pour commencer.

Changer la balise 'em' pour inclure la balise 'p' a fonctionné pour moi aussi

Merci beaucoup, @asheaveniste ! Maintenant, je peux continuer vers le prochain défi. XD

@asheaveniste merci mon frère ! Tu es génial

Je les ai déplacés avant la balise p et tout fonctionne maintenant merci

Le faire passer est une chose, mais est-ce vraiment l'intention ?

Les utilisateurs vont rester bloqués ici, et cela peut être très démotivant lorsqu'il dira que c'est faux alors que c'est correct. Peut-être pouvez-vous échanger les balises pour le script par défaut lorsque vous lancez ce défi ?

@povilasraciunas J'essaie de résoudre ce problème. Je pense trouver une solution ce soir. Atm, je suis perplexe quant à la façon dont l'échange des balises em et p pourrait réussir le test car cela ne correspond pas du tout à la regex. Ce serait ma première demande d'extraction et avec les modifications apportées récemment à la structure des dépôts (déplacement des défis de /seed vers le dépôt du curriculum) sans mettre à jour les instructions de contribution, cela me donne également une certaine confusion.

@joeslost La contribution du programme d'études peut être trouvée dans les documents du dépôt du programme d'études. Voici le lien

https://github.com/freeCodeCamp/curriculum/blob/dev/docs/CONTRIBUTING.md

Vous trouverez également le format de chaque défi dans le même dossier.
Même moi, je n'ai pas compris comment changer em et p résout le problème car cela ne correspond pas à l'expression régulière.

Salut Joe, merci ! Ouais, ce "truc" de mettre des balises em dehors pour faire
la passe de test était intéressante :)
Bien sûr, ce n'est pas un gros problème pour moi alors que je passe à d'autres défis,
mais je voulais quand même le signaler car fcc est vraiment un endroit idéal pour de tels
des débutants comme moi et je veux contribuer au moins en rapportant des bugs :)

Le mer. 1 août 2018 à 14:06 Joe Andersen [email protected]
a écrit:

@povilasraciunas https://github.com/povilasraciunas J'essaie de
résoudre ce problème. Je pense trouver une solution ce soir. Atm, je suis
perplexe quant à la façon dont l'échange des balises em et p pourrait passer le test comme cela
ne correspond pas du tout à la regex. Ce serait ma première pull request et avec
les changements apportés récemment à la structure des repos (défis mouvants
de /seed au référentiel du curriculum) sans mettre à jour le
les instructions me donnent également une certaine confusion.

-
Vous recevez ceci parce que vous avez été mentionné.
Répondez directement à cet e-mail, consultez-le sur GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/17944#issuecomment-409536371 ,
ou couper le fil
https://github.com/notifications/unsubscribe-auth/ANPcbM5Jx7jWBQPIRRo5LuMedKoSgJY1ks5uMYvJgaJpZM4Vk-Xj
.

--
Pagarbiai

Povilas Račiūnas

@asheaveniste D'accord , merci à un ami qui m'a dit de faire des recherches sur mon cul. J'ai trouvé ton post et ça marche donc merci à toi aussi. #FREECODECAMPFIXPLSILIEKU

Impressionnant! Pour ces completistes qui ne veulent pas d'une leçon manquée sur leur conscience ! Moi...

grâce à toi ça marche....

Maintenant je sens que mon âme peut être en paix

Toujours un problème le 08/06/2018; asheavenist fix a aidé à passer à autre chose. Merci!

Merci @asheaveniste !

Merci @asheaveniste ça marche !

Merci @asheaveniste !

J'ai été bloqué sur ce défi pendant une bonne heure jusqu'à ce que je le recherche !

FINALEMENT! Merci @asheaveniste

https://forum.freecodecamp.org/t/bug-in-applied-visual-design-create-a-horizontal-line-using-the-hr-element/212910/4

Le message ci-dessus m'a amené ici. Vraiment frustrant et j'espère que cela sera bientôt corrigé ! FCC est si convivial pour les débutants que ce bug contradictoire rend difficile la confiance dans le contenu du cours. Cela dit, cela a été une si grande ressource que je commente simplement ici pour signaler que j'ai rencontré le même problème et que je me suis senti frustré.

Merci pour tout ce que vous faites!

Je voulais créer un PR pour cela, mais il semble que la mise en scène soit déjà fixée, quelqu'un peut-il confirmer ?

@goncy Oui, le problème a été résolu ici : https://github.com/freeCodeCamp/curriculum/pull/189.

La raison pour laquelle le problème persiste est que l'interface utilisateur n'a pas été mise à jour pour utiliser la dernière version du curriculum. Ils ont été divisés en composants distincts et l'interface utilisateur doit importer le programme pour pouvoir l'utiliser. Le correctif de ce problème se trouve dans la version 3.1.2 du programme d'études, tandis que l'interface utilisateur utilise toujours la version 3.1.1.

il m'arrive toujours exactement la même chose.
screen shot 2018-08-19 at 4 43 03 pm

J'ai essayé la solution d'un commentaire ci-dessus en disant de mettre les balises em en dehors des balises p, et cela a fonctionné. Merci! :]

Merci! Changer les balises « p » et « em » a également fonctionné pour moi !

Je peux également confirmer que la solution de contournement consiste à inverser les balises 'p' et 'em' comme ci-dessous :

<h4>Alphabet</h4>      
 <hr>
      <em><p>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</p></em>

malgré le fait que la bonne solution devrait être la suivante :

<h4>Alphabet</h4>
<hr>
      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>

Ouais! Changer les balises 'p' et 'em' fonctionne :) Merci les gars !

Changer de mot de mots pour moi aussi

.....

Merci! Changer les balises « p » et « em » a également fonctionné pour moi !

Je suis content de suivre la direction: "Quand vous êtes bloqué, rappelez-vous : Lisez-Recherchez-Demandez"
lire la documentation ou erreur
Recherche google
Demander de l'aide

la recherche google est définitivement la voie à suivre !!! Oui

Pour les futurs visiteurs, ce problème est déjà résolu mais pas encore déployé sur la plateforme de production, pour réussir le test, vous pouvez simplement faire https://github.com/freeCodeCamp/freeCodeCamp/issues/17944#issuecomment -408720872

Je pense que ce sujet peut être clos

@asheaveniste Merci !! ça a marché pour moi

Comment quelqu'un a-t-il compris que le changement d'autres balises résoudrait ce problème ? Je suis content que ce soit une solution de contournement et je l'ai trouvée. Il n'y a rien de plus ennuyeux pour moi que d'avoir ce problème incomplet dans les listes de problèmes

@asheaveniste Merci

@asheaveniste - voudriez-vous expliquer comment vous avez trouvé cette solution ?

Hé les gars, je voulais que tout le monde sache que vous le faites bien, mais vous devez changer l'élément em avec l'élément p. J'ai mis ** acheter les corrections pour que vous puissiez voir. Faites défiler vers le bas juste après votre


.cardText {
marge inférieure : 30px ;
}

Alphabet


**

** Google a été fondé par Larry Page et Sergey Brin alors qu'ils étaient doctorants.

**

Pourquoi personne ne fait-il remarquer que la « solution de contournement » est du code HTML invalide ? Combien de nouveaux codeurs penseront maintenant qu'il est parfaitement acceptable d'imbriquer les balises p dans les balises em parce qu'il a été suggéré ici _et_ a réussi le « test » ici ?

Pourquoi personne ne fait-il remarquer que la « solution de contournement » est du code HTML invalide ? Combien de nouveaux codeurs penseront maintenant qu'il est parfaitement acceptable d'imbriquer les balises p dans les balises em parce qu'il a été suggéré ici _et_ a réussi le « test » ici ?

Ils y répondent, voir ici :
https://github.com/freeCodeCamp/curriculum/pull/189
Point valable cependant.

Pourquoi personne ne fait-il remarquer que la « solution de contournement » est du code HTML invalide ? Combien de nouveaux codeurs penseront maintenant qu'il est parfaitement acceptable d'imbriquer les balises p dans les balises em parce qu'il a été suggéré ici _et_ a réussi le « test » ici ?

Ils y répondent, voir ici :
freeCodeCamp/curriculum#189
Point valable cependant.

Merci pour le lien, j'avais raté celui-là. C'est agréable de voir les mises à jour.

On dirait que cela vient d'être corrigé. Il passe pour moi maintenant avec le bon code. :)

Quelqu'un peut-il clore ce problème car il a été résolu?

Cette page vous a été utile?
0 / 5 - 0 notes