Aligner texte et image

Résolu
46.Divers Messages postés 48 Date d'inscription   Statut Membre Dernière intervention   -  
46.Divers Messages postés 48 Date d'inscription   Statut Membre Dernière intervention   -
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 :
https://www.casimages.com/i/130226085315622587.gif.html

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

GrifOli Messages postés 2111 Date d'inscription   Statut Membre Dernière intervention   591
 
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.
0
46.Divers Messages postés 48 Date d'inscription   Statut Membre Dernière intervention   32
 
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
0
Flo313Z Messages postés 121 Date d'inscription   Statut Membre Dernière intervention   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 ?
0
46.Divers Messages postés 48 Date d'inscription   Statut Membre Dernière intervention   32
 
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é
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
46.Divers Messages postés 48 Date d'inscription   Statut Membre Dernière intervention   32
 
J'ai sa:
http://nsa30.casimages.com/img/2013/02/26/130226105208914043.gif

Alors que je veux sa :
http://nsa29.casimages.com/img/2013/02/26/130226105405795929.gif
0
Flo313Z Messages postés 121 Date d'inscription   Statut Membre Dernière intervention   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 :
https://www.cjoint.com/?0BBbOTRAv0q 


je te passe aussi les sources :
http://www.cireasy.com/tutoriel-html-et-css/zoom-en-css-sur-image/ 
https://forums.commentcamarche.net/forum/affich-37622093-positionner-des-elements-grace-aux-css 
http://www.javascriptfr.com


de rien ;)
0
46.Divers Messages postés 48 Date d'inscription   Statut Membre Dernière intervention   32
 
Merci de ton aide :) mon problème est résolu merci beaucoup !
0

Discussions similaires