26744 sujets

CSS et mise en forme, CSS3

upload/1556192232-75297-30.jpg Bonjour,

Je suis débutant en html et css. J'ai des notions que je tente de développer. Et je suis un peu perdu.
Je dois mettre en place un texte à côté d'une photo (comme sur l'image au-dessus)


J'essaie de faire floater l'image à gauche dans une div, puis j'ai fais un titre h2 que j'ai également fais floater à gauche. Jusqu'ici tout va bien. c'est ensuite que ça se complique.Je ne sais pas comment m'y prendre pour la partie (antoine le dellec, le 27 avril 2025). J'essaie de faire un paragraphe et de le faire floater à gauche puis à droite, mais il ne se place pas en dessus du H2. est-ce que quelqu'un aurait un suggestion ?

Voici mon code html:
<div id="article">
<div id="section1">
<img class="picture1" src="https://zupimages.net/up/19/17/26us.jpg" alt="" /></a>
<h2 class="titleSection1">Une dizaine de militaire armées</h2>
<p class="subTitleSection1">Antoine Dellec, le 27 avril 2025</p>
</div>

et le css :

#section1{
width:100%;
height: 350px;
background-color:pink;
}
.picture1{
margin:25px;
border:2px solid black;
float:left;
display:block
}
.titleSection1{
float:left;
margin-top:20px;
}
.subTitleSection1{
float:left;
margin-top:50px;
}


une petite aide s'il vous plait ?
Modifié par thedom08011 (25 Apr 2019 - 13:37)