Mettre une image en Float left a coté d'une liste a puce à droit
Titoforlife
-
Pitet Messages postés 2845 Statut Membre -
Pitet Messages postés 2845 Statut Membre -
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 ?!
4 réponses
-
Salut,
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-
-
Pourtant on peu difficilement faire plus simple : https://jsfiddle.net/u41jo4q3/
Une autre solution est d'utiliser display: inline-block; pour aligner des éléments horizontalement.
Peux tu nous montrer ton code ?
-
-
<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/
