Problème avec float

Fermé
libellunepro Messages postés 1 Date d'inscription dimanche 5 février 2017 Statut Membre Dernière intervention 5 février 2017 - 5 févr. 2017 à 15:04
Grandasse_ Messages postés 924 Date d'inscription jeudi 28 janvier 2010 Statut Membre Dernière intervention 27 avril 2023 - 5 févr. 2017 à 18:45
Bonjour à tous !

Je débute en programmation depuis peu (pour tout vous dire depuis environ 1 mois lol) et j'ai un petit problème avec float je pense...

Voici mon code html :

<h3 id="main"> Main et avant-bras </h3>
<img src=""quot;image.jpg" alt="main et avant-bras">
<p>Perspicabilis </p>

<h3 id="pieds"> Pieds cheville mollet </h3>
<img src=""quot;image7.jpg" alt="pied cheville mollet">
<p>Perspicabilis .</p>

<h3 id="dos"> Dos </h3>
<img src=""quot;image.jpg" alt="dos">
<p>Perspicabilis </p>


Mon code css:
 
img {
margin:15px;
float:right;
border:black solid 1px;
height:150px;
}

Résultat:
D'après vous pourquoi dans la partie "pieds, cheville, mollet" l'image ne se colle pas à droite comme les autres ? :/
Merci de votre aide ... !

...

1 réponse

Grandasse_ Messages postés 924 Date d'inscription jeudi 28 janvier 2010 Statut Membre Dernière intervention 27 avril 2023 592
5 févr. 2017 à 18:45
Bonjour,

Ma première image est en float:right, donc elle se colle à droite, normal.
La seconde image est aussi en float:right donc elle se colle aussi à droite, mais juste à coté de l'autre. Parce que les éléments en float ne vont pas se superposer. Il y a le premier et le second.
Mais alors pourquoi la seconde image ne se colle pas dessous comme la 3eme ?
A cause du margin.
Si ta seconde image était un peu plus en dessous, elle serait au bon endroit.
0