28172 sujets

CSS et mise en forme, CSS3

Gérer plusieurs section dans CSS

Bonjour,

J'aimerais savoir comment faire pour positionnée deux sections dans le code CSS.

Je m'explique, je souhaite faire un montage avec 4 articles (comme sur la photo).

Voici le code HTML que je souhaite utiliser :


<section id="partiegauche">
	<article>
	    Mon premier article
	</article>
	<article>
	   Mon deuxième article
	</article>
</section>
<section id="partiedroite">
	<article>
	    Mon troisième article
	</article>
	<article>
	   Mon quatrième article
	</article>
</section>


Vous remerciant par avance,
Je ne sais pas si ce sujet est toujours d'actualité...
Je ne vois pas la photo non plus... Smiley langue
ça peut peut-être aider pour un petit départ.

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>articles en colonnes... </title>
<style>
.container {
    display: flex;
    justify-content: space-around;
}
#partiegauche {
    background: blue;
    width: 50%
}
#partiedroite {
    background: red;
    width: 50%;
}
</style>
</head>

<body>
<div class="container">
  <section id="partiegauche">
    <article> Mon premier article </article>
    <article> Mon deuxième article </article>
  </section>
  <section id="partiedroite">
    <article> Mon troisième article </article>
    <article> Mon quatrième article </article>
  </section>
</div>
</body>
</html>
Sujet clos
Aller à