si j'ai compris, tu as un header et le menu c'est une nav ?
Tu peux faire sur les deux
header,
nav
{
display: inline-block;
vertical-align: top;
}
Mais bien sûr, tu dois attribuer une largeur à chacun des deux. disons 60% pour le header et 40% pour la nav. Mais en général, un header prend toute la largeur de la page, c'est seulement les éléments à l'intérieur du header qui occupent une certaine largeur du header (pareil pour le footer). Regardes le header et le footer d'openclassrooms.
Je réponds au cas où d'autres personnes seraient intéressées à trouver la solution au problème. Il s'agit de l'exercice pratique de la partie 3 du cours sur HTML5 et CSS où l'on demande de placer le header et le menu côte à côte.
juste en dessous. je l'ai pas collé parce que ça prenait de la place et je pensais que ça servait pas pour mon problème :
<section>
<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>
</section>
<footer>
<p>Copyright Le Blog Trotter</p>
</footer>
</body>
</html>
- Edité par JérômeAndre1 24 juillet 2017 à 11:27:08
j'ai tout posté sans trop me poser de questions mais en fait faut juste faire attention à ça :
.tete
{
display: flex;
justify-content: center
}
j'ai fais comme ça pour le <header> et le <nav> que j'ai nommé '.tete' et ça me dit toujours que c'est pas bon alors je comprends pas bien pourtant ils sont sur la même ligne.
Le HTML n'est pas une intelligence artificielle. C'est à toi de lui dire à quel élément attribuer ton CSS. Pour attribuer le style tête a ton header, rajoute lui l'attribut class="tete".
Je te conseil de relire la parti du cours sur le css
Si debugger, c’est supprimer des bugs, alors programmer ne peut être que les ajouter | Développeur Web et Mobile chez Beemoov
bonjour a tous , perso pour moi sa ne marche pas , pourtant j'ai essayé toutes les solutions donné precedement, je ne comprend pas je ne vois pas ce que je fais de mal.
Le message qui suit est une réponse automatique activée par un membre de l'équipe. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention plus facilement. Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé. Pour plus d'informations, nous vous invitons à lire les règles générales du forum
Avant de poster, demandez-vous si ce que vous allez dire apporte quelque chose au sujet. Si votre message n'apporte rien, vous ferez perdre du temps à tout le monde et le sujet pourrait dévier ou devenir difficile à suivre.
Aussi, vérifiez la date du topic. Le déterrage de topic nuit au bon fonctionnement du forum et est interdit. Utilisez les boutons pour dire merci. Si le topic date de plus de deux mois sans réponses, mieux vaut ne pas répondre.
Moderateur forum || FAQ 3D || discord 3D francophone || OC Tweak script