Bonjour à tous,

Mon problème est que je souhaite utilisé flexbox pour arranger une page web pour mon titre (un titre et une photo), j'ai donc réalisé une première commande en css qui donne : 

header

{

border: 1px solid black;

text-align: right;

display: flex;

justify-content: space-around;

min-width: 100%;

}

Le problème est que lorsque je fais ça, ma photo et mon texte ont un éloignement trop grand je voudrais donc savoir comment faire pour gérer cette espacement.

Merci à vous.

ps: la photo et le texte (titre) est contenue dans le header dans le fichier html.

Bonjour,

Il te suffit d'utiliser la propriété margin pour rapprocher tes deux contenus.

A ma connaissance, display: flex; ne gère pas ça.

-
Edité par eclairia 16 août 2017 à 21:36:10

Bonjour 

Ce qu'il te faut c juste la propriété 

Display:flex;

Justify-content: flex-start

Ou bien sélectionner ton image et ton texte et mettre un display:inline-block;

Saches que les lignes en css s'appellent des propriétés et non pas des commandes

Cdt

Merci pour vos réponses plutôt rapide mais je pense mettre mal exprimé puisque je n'aboutit pas au résultat que je souhaiterais ^^. 

Je souhaiterais en réalité pouvoir choisir la distance qui sépare mon titre et ma photo.

Et merci pour la correction @MordosSmith

Display:flex;

Justify-content: flex-start

avec un

margin-right sur l'élement le plus à gauche.

si tu y arrive pas, je t'invite à nous fournir ton code (le bout concerné et le css)

cdt

Bonjour, 

Effectivement cela marchait, désolé, en fait j'avais juste pas sélectionné mon élément pour effectué le margin-right, je l'avais laissé dans mon header.

Cela marche donc parfaitement. 

Merci beaucoup je suis enfin débloqué.