Pour mettre le header et le menu côte à côte, il faut utiliser flexbox. C'est la base de la base de ces propriétés donc aucun problème, il suffit de (re)lire le cours.
Il existe une propriété CSS pour enlever ou modifier les puces d'une liste mais cette propriété n'est pas abordée dans le cours. C'est parfaitement volontaire puisque le but est de pousser les gens à faire ce que tout bon développeur doit faire quand il se pose une question, à savoir chercher dans la doc. Heureusement rien de compliqué, la réponse est facilement trouvable en une fraction de seconde. Ill suffit de faire une recherche sur Google...
Merci bien, ta réponse m'a beaucoup aidé merci encore
Je rajouterai aux conseils avisés de Mewen_bzh que le sujet est traité à la page juste avant, soit la page 63, où elle à été posé aux moins trois fois rien que sur la dite page. Mais j'insiste Mewen_bzh a raison, pour ce genre de problème basique il faut savoir faire des recherches. Ici personne ne t’en voudra de pas d'être farcit les 63 pages de ce thread. Mais quand tu iras sur un forum spécialisé pour ouvrir ton sujet, si c'est un truc basique traité mille fois, tu vas te faire jeter comme un pestiféré (et c'est pas spécifique au développement...).
Bonjour j'ai soumis mon fichier html à http://validator.w3.orgafin de vérifier sil est conforme, mais je comprend pas les erreurs soulignées . Si une personne peut m'expliquer, voila la capture d’écran des erreurs.
@christiankouassi3 bonjour, ce ne sont pas des erreurs, mais des Warning.
1) et 2) En gros cela veut dire que un <h1> devrais être le titre principal de la page, donc un seul <h1> ce qui est recommandé d'un point de vue SEO, mais la norme HTML prévoit qu'il peut y en avoir plusieurs.
3) Chaque section devrait avoir un titre.
Pour comprendre la structure des heading je te conseil cette lecture.
Bonjour je rencontre un soucis, j'ai essayé d'intégrer le css au html. En créant les deux fichiers comme dit dans le mooc, ils sont placés dans le même fichier, cependant, quand j'observe le résultat, je n'ai aucune coloration du texte.
Je ne vois pas pourquoi, quelqu'un pourrait m'aider ?
salut a tous, j'ai un souci concernant la correction de l'activité "mettre en forme son cv", il se trouve que j'ai eu à corriger un travail qui ne contenait qu'un fichier solution1.sln et rien a voir avec du html ou du css...
en plus pour la correction de mon travail j'ai reçue un commentaire indiquant que je n'avais pas déposé de fichier html et css dans mon fichier compressé tandis que d'autre l'ont bien reçue et corrigé
je pressens un bug au niveau des affectation des fichier j'aimerais savoir s'il y a plus d'un concerné ou une possible explication me ferais plaisir.
@EzekyKouaoh bonsoir, je n'ai pas d'explication, je doute que les membres du forum puissent vous aider. Je penses que le mieux serait de contacter openclassrooms via le lien "nous contacter" en bas de page ou via l'adresse mail hello@openclassrooms.com
@JonathanCharles-Gervais Bonsoir, pour insérer du code sur les forums merci d'utiliser le bouton code </>
Pour votre problème, votre code n'est pas valide, passer le au validateur pour voir vos erreurs https://validator.w3.org
Vous n'avez pas de balise <head>, le <h1> doit être dans le <body> comme tout ce qui concerne les balises d'affichage, </br> n'existe pas c'est soit <br> soit <br />
@EzekyKouaoh bonsoir, je n'ai pas d'explication, je doute que les membres du forum puissent vous aider. Je penses que le mieux serait de contacter openclassrooms via le lien "nous contacter" en bas de page ou via l'adresse mail hello@openclassrooms.com
@JonathanCharles-Gervais Bonsoir, pour insérer du code sur les forums merci d'utiliser le bouton code </>
Pour votre problème, votre code n'est pas valide, passer le au validateur pour voir vos erreurs https://validator.w3.org
Vous n'avez pas de balise <head>, le <h1> doit être dans le <body> comme tout ce qui concerne les balises d'affichage, </br> n'existe pas c'est soit <br> soit <br />
L13 manque l'ouverture du paragraphe.
D'accord, c'est pour cette raison que mon fichier css n'est pas lié avec mon fichier html afin de mettre en place le style ?
J'ai des soucis concernant la correction des entraînements après les flexbox. J'ai beau chercher, je ne trouvev pas mon erreur pour la mise en page à 80% et centrage du texte:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Le blog trotter</title>
</head>
<body>
<div id="topsection">
<header class="menu-tete">
<h1>Le blog trotter</h1>
<p>Je parcours la planète... et vous la fais découvrir !</p>
</header>
<nav>
<ul id="menu">
<li><a href="#">Accueil</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
<h1>La Chine</h1>
<p>Bla bla bla bla Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla hendrerit mauris a ornare. Nam finibus ante id lacinia placerat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec metus mauris, imperdiet eget tincidunt rhoncus, venenatis id risus. Proin at est eu nibh faucibus faucibus non in magna. Ut iaculis quam nisi, eu efficitur justo eleifend lobortis. Etiam purus metus, feugiat non enim et, egestas volutpat lacus. Aenean id justo arcu. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
<p>Phasellus dictum aliquam euismod. Donec orci augue, efficitur non nunc vel, tincidunt mattis nibh. Suspendisse ac ligula non mauris semper fermentum ut eget dui. Aliquam erat volutpat. Curabitur vulputate, nulla quis rhoncus volutpat, eros risus hendrerit massa, at suscipit tortor magna at diam. Phasellus tincidunt massa libero, id bibendum dui dapibus sed. Etiam nec risus eget nisl posuere ultrices. Ut sodales ante eget leo luctus molestie. Aenean vel urna in turpis rhoncus scelerisque. Etiam in nisi sapien.</p>
<h1>L'Espagne</h1>
<p>Bla bla bla bla Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla hendrerit mauris a ornare. Nam finibus ante id lacinia placerat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec metus mauris, imperdiet eget tincidunt rhoncus, venenatis id risus. Proin at est eu nibh faucibus faucibus non in magna. Ut iaculis quam nisi, eu efficitur justo eleifend lobortis. Etiam purus metus, feugiat non enim et, egestas volutpat lacus. Aenean id justo arcu. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
<p>Phasellus dictum aliquam euismod. Donec orci augue, efficitur non nunc vel, tincidunt mattis nibh. Suspendisse ac ligula non mauris semper fermentum ut eget dui. Aliquam erat volutpat. Curabitur vulputate, nulla quis rhoncus volutpat, eros risus hendrerit massa, at suscipit tortor magna at diam. Phasellus tincidunt massa libero, id bibendum dui dapibus sed. Etiam nec risus eget nisl posuere ultrices. Ut sodales ante eget leo luctus molestie. Aenean vel urna in turpis rhoncus scelerisque. Etiam in nisi sapien.</p>
<footer>
<p>Copyright Le Blog Trotter</p>
</footer>
</body>
</html>
et mon fichier .css
/* Feuille de style */
#topsection
{
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
border: 5px green solid;
}
ul
{
border: 5px black solid;
list-style-type: none;
}
p
{
text-align: justify;
width: 80%;
margin: auto;
}