J'aimerai agencer mes elements en utilisant des flexbox. Mais je n'y arrive pas. Je voudrais que la balise nav ici en fond noir pour le moment prenne 15 20% de toute la hauteur de la partie gauche; qu ensuite le header prenne le reste en entete de page et qu ensuite les sections se positionnent en dessous du header mais tout en etant a cote de la balise nav qui descend jusqu en bas de page..
Voici ce que j obtiens on peut voir que les sections ne remontent pas et sont en dessous de la balise nav en noir de gauche.. J ai pourtant indique flex-wrap :
http://imgur.com/a/FAdnx
Voici mon html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="conteneur">
<header>
<h1>Noobie</h1>
<p>Auto-apprenant a plein temps</p>
<span><a href="./maPhoto.jpg"><img src="./maPhoto.jpg" alt="Ma photo :)" height="100" width="100"></a></span>
</header>
<nav>
<p>aaaaa</p>
</nav>
<section>
<h2>Mon experience</h2>
<ul>
<li>
<b>De 2010 a 2016:</b> Auto apprentissage, biologie, informatique, chimie</li>
<li>
<b>De 2006 a 2010:</b> Technicien en informatique, support et depannage, administration systeme</li>
<li>
<b>De 2000 a 2006:</b>Technicien hot line, depannage informatique</li>
</ul>
</section>
<section>
<h2>Mes competences</h2>
<ul>
<li>HTML et CSS3</li>
<li>PHP sur openclassroom</li>
<li>Linux</li>
<li>Windows</li>
<li>Java</li>
</ul>
</section>
<section>
<h2>Ma formation</h2>
<ul>
<li>License Bio</li>
</ul>
</section>
</div>
</body>
</html>
Définis font-family sur body, pas sur *. De manière générale, n'utilise pas *. Donne également des classes à tes éléments, plutôt que d'appeler des éléments génériques dans ton CSS.
Pour ce qui est de ta mise en page, je ne suis pas sûr de comprendre ce que tu cherches à faire... Tu as un exemple à nous montrer ? Ou bien même un schéma / une maquette de ce à quoi tu souhaites arriver ?
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Je veux un liseret noir, qui est la balise nav (futur menu) qui prenne disons 150px a gauche de toute la page. Ensuite sur le reste un header et en dessous 3 sections.
Voici a quoi ca devrait ressemble, le tout en flex.
C est ce que j ai essaye de faire, mais j ai les sections qui restent en dessous :
Probleme placement FlexBox
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !