Partage
  • Partager sur Facebook
  • Partager sur Twitter

Flexbox

Sujet résolu
    9 septembre 2017 à 17:24:01

    Bonjour à tous !

    Je me heurte à un problème avec flexbox.

    Je vous post les codes vous comprendrez mieux ;)

    Pour le html

    <!DOCTYPE html>
    <html>
    <head>
    	<title>Accueil</title>
    	<link rel="stylesheet" type="text/css" href="style.css">
    	<meta charset="utf-8">
    </head>
    <body>
    	<div id="conteneur">
    	<header>
    		<img src="images/logo.jpg" width="100px" height="100px">
    	</header>
    		<nav>
    			<ul>
    				<li><a href="#">Accueil</a></li>
    				<li><a href="#">Présentation</a></li>
    				<li><a href="#">Forum</a></li>
    				<li><a href="#">Contact</a></li>
    			</ul>
    		</nav>
    	</div>
    </body>
    </html>

    et pour le css

    header{
    	background-color: black;
    	width: 100%;
    	height: 100px;
    	margin-top: 0%;
    }
    
    html {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    }
    
    body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    }
    
    nav ul{
    	list-style-type: none;
    	display: flex;
    	justify-content: flex-end;
    }
    
    nav li a{
    	width: 120px;
    	padding: 15px;
    }
    
    

    L'idée est que je place mes liens à droite, dans le header mais je n'y arrive pas du tout.

    Merci d'avance


    • Partager sur Facebook
    • Partager sur Twitter
    Tchutti's rules

    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.
    • Editeur
    • Markdown