Mettre une image en Float left a coté d'une liste a puce à droit
Titoforlife
-
Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention -
Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Comment faire pour mettre a gauche une image en Float, et a droite de celle ci une liste a puce, je ne trouve pas les combinaisons gagnates ?!
Comment faire pour mettre a gauche une image en Float, et a droite de celle ci une liste a puce, je ne trouve pas les combinaisons gagnates ?!
A voir également:
- Mettre une image en Float left a coté d'une liste a puce à droit
- Liste déroulante excel - Guide
- Image libre de droit gratuite google - Guide
- Liste déroulante en cascade - Guide
- Légender une image - Guide
- Créer une icone à partir d'une image - Guide
4 réponses
Salut,
Comme ceci ?
Bonne journée
Comme ceci ?
<img src="image.jpg" class="monimage">
<ul class="maliste">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
.monimage, .maliste {
float: left;
}
Bonne journée
<body>
<h1> Lavier anthony </h1>
<p> Bénévole au sein d'une association </p> <br/>
<p>
<img src="1.png"/>
</p>
<h2> Mon Expérience </h2>
<h3> Création d'une association <em> Gaia & Compagnie </em> dans l'évenementiel </h3>
<img src="fond2.png" class="monimage">
<ul class="maliste">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</body>
</html>
En reprenant ton code, la liste se positionne bien à coté de l'image (à condition que la fenêtre ai une largeur supérieur à la largeur de l'image + la largeur de la liste) : https://jsfiddle.net/rL917acv/
Une autre solution est d'utiliser display: inline-block; pour aligner des éléments horizontalement.
Peux tu nous montrer ton code ?