Problème avec float
libellunepro
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
Grandasse_ Messages postés 924 Date d'inscription Statut Membre Dernière intervention -
Grandasse_ Messages postés 924 Date d'inscription Statut Membre Dernière intervention -
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 :
Mon code css:
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 ... !

...
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
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.
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.