26787 sujets

CSS et mise en forme, CSS3

Bonjour je voudrais savoir si l'on peut m'aider car je suis débutant et je dois rendre un exercice pour une école! et j'aimerai créer une entete mais je bloque, car je n'arrive pas à aligner un logo avec le titre tous ca dans la meme ligne, en utilsant flexbox, je n'y parvient pas! si quelqu'un peut me répondre ca serait vraiment sympa! voici mon code HTML!

<head>

<meta charset="UTF-8">

<link rel="stylesheet" href="newchallenge.css">

<title>Wild Circus</title>

</head>

<body>

<div id="bloc_page">

<header>

<div id="titre-principal">

<div id="logo">

<img src="image/logo.jpg" alt="logo">

<h1>Wild Circus</h1></div>

</div>

</header>

et voici mon CSS:

header

{display: flex;

justify-content: space-between;

align-items: flex-end;

}

#titre_principal

{

display: flex;

flex-direction: column;

text-align:center;

}

#logo

{

display: flex;

flex-direction: space between;

align-items: center;

}
merci beaucoup pour ta réponse! ça à marché ! Encore des petits problèmes d'ajustement je vais revoir les cours pour voir qu esce qui cloche.
Adopte un Bescherelle Smiley lol
http://bescherelle.com/

j'aimerai créer => je souhaite
tous ca => tout cela
une entete => un en-tête
je n'y parvient pas => je n'y parviens pas
la meme ligne => la même ligne
ca serait vraiment sympa => cela serait vraiment sympathique

Ouf ! Heureusement que tu n'as de dissertation à rendre Smiley lol

Militons pour le retour des dictées à l'école !