Aligner texte et image [Résolu/Fermé]

Signaler
Messages postés
48
Date d'inscription
samedi 5 novembre 2011
Statut
Membre
Dernière intervention
5 avril 2013
-
46.Divers
Messages postés
48
Date d'inscription
samedi 5 novembre 2011
Statut
Membre
Dernière intervention
5 avril 2013
-
Bonjour,

depuis plusieurs heures je cherche comment je pourrais aligner un texte à droite d'une image. Je voudrais également que le texte soit centrer par rapport à l'image. J'aimerais que vous m'aidiez afin de respecter le HTML5 et le CSS3

voici un exemple de ce que je veux faire en image :
http://www.casimages.com/img.php?i=130226085315622587.gif

Voici ce que j'ai écrit :
<section>
<figure>
<a href="etiquette2008.gif">
<img src="2008.gif" alt="2008" id="2008" title="Cliquez pour agrandir" />
</a>
</figure>

<p>
Texte... <br/>
Texte... <br/>
Texte...
</p>
</section>


merci de m'aider

7 réponses

Messages postés
2138
Date d'inscription
samedi 28 juin 2008
Statut
Membre
Dernière intervention
13 janvier 2019
415
Bonjour,

Rajoute align="left" dans la balise de ton image, comme suit:

<img src="2008.gif" alt="2008" id="2008" title="Cliquez pour agrandir" align="left" />  

Cela va faire en sorte que l'image va se tenir à gauche du texte.
Messages postés
48
Date d'inscription
samedi 5 novembre 2011
Statut
Membre
Dernière intervention
5 avril 2013
25
L'image se tient bien à gauche du texte mais mon problème et que l'image dépasse maintenant de la section car la section entoure seulement le texte qui est plus petit que l'image

Voici ce que j'ai :
http://nsa29.casimages.com/img/2013/02/26/130226094826597624.gif

J'aimerais que la bouteille 2008 ne dépasse pas de sa section
Messages postés
121
Date d'inscription
jeudi 14 février 2013
Statut
Membre
Dernière intervention
16 avril 2018
6
bonsoir,

pour le zoom :
http://css.mammouthland.net/zoomer-une-image-avec-css.php


pour ton problème d'image je comprend pas :
"J'aimerais que la bouteille 2008 ne dépasse pas de sa section"

tu voudrais la déplacer un peu plus vers le bas c'est bien ca ?
Messages postés
48
Date d'inscription
samedi 5 novembre 2011
Statut
Membre
Dernière intervention
5 avril 2013
25
Non, en fait je fais une section par bouteille et sur l'image on voit que la bouteille de 2008 est a cheval sur la première et la deuxième section. J'aimerais que la bouteille et son texte a coté soit encadré
Messages postés
48
Date d'inscription
samedi 5 novembre 2011
Statut
Membre
Dernière intervention
5 avril 2013
25
Messages postés
121
Date d'inscription
jeudi 14 février 2013
Statut
Membre
Dernière intervention
16 avril 2018
6
je me suis casser les dents sur un truc aussi c..
enfin bon ca ma fait un petit exercice
tiens pour toi 46.Divers :
http://cjoint.com/?0BBbOTRAv0q 


je te passe aussi les sources :
http://www.cireasy.com/tutoriel-html-et-css/zoom-en-css-sur-image/ 
http://www.commentcamarche.net/contents/css/cssposition.php3 
http://www.javascriptfr.com/forum/sujet-POSITION-IMAGE_1308603.aspx


de rien ;)
Messages postés
48
Date d'inscription
samedi 5 novembre 2011
Statut
Membre
Dernière intervention
5 avril 2013
25
Merci de ton aide :) mon problème est résolu merci beaucoup !