utilisation de flexbox

cas concret

Sujet résolu

17 septembre 2019 à 3:15:40

Bonjour,

je débute en HTML et CSS3, j'aimerai réaliser un site qui utilise les flexbox dans mon cas, mais cela ne fonctionne pas et je n'arrive pas à trouver la cause. Je veux simplement afficher un logo à gauche (d'abord sous forme de texte) et un menu à droite. Merci

code html :

<!DOCTYPE html>

<html>

<head>

<title>Nutrition optimisée</title>

</head>

<body>

<div class="logo">Herbafit</div>

<nav>

<a href="#">Mon objectif</a>

<a href="#">La marque</a>

<a href="#">Contact</a>

</nav>

</div>

</header>

</div>

</section>

CODE CSS :

header

{

background-color: DodgerBlue;

height: 4em;

}

#conteneur

{

display: flex;

}

.logo {

display: flex;

margin-left: 15px;

padding-top: 20px;

}

.menu

{

display: flex;

margin-left: 1000px;

padding-bottom: 60px;

}

.img

{

display: flex;

flex-direction: column;

}

Lamecarlate

17 septembre 2019 à 9:50:23

Bonjour,

Merci de colorer votre code à l'aide du bouton Code

Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton Code de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: xml;">Votre code ici</pre>.

Manque de précisions

Vous êtes ici sur un forum d'entraide communautaire et non pas sur un forum de demande de service, le but n'est donc pas de fournir une réponse toute faite ou de directement fournir la solution à quiconque viendrait sans la moindre trace. Afin d'obtenir de l'aide et une solution à votre problème, il est fortement recommandé de présenter clairement l'état actuel du problème en nous fournissant :

Un descriptif clair et précis du problème : "ça ne fonctionne pas" ne suffit pas
La tentative actuelle de résolution que vous avez effectué
Le résultat attendu et le résultat actuel
Toutes pistes de recherches pouvant aider à la résolution

Pas d'aide concernant le code par MP, le forum est là pour ça :)