Aligner texte et image

Résolu/Fermé
46.Divers Messages postés 48 Date d'inscription samedi 5 novembre 2011 Statut Membre Dernière intervention 5 avril 2013 - Modifié par 46.Divers le 26/02/2013 à 21:18
46.Divers Messages postés 48 Date d'inscription samedi 5 novembre 2011 Statut Membre Dernière intervention 5 avril 2013 - 27 févr. 2013 à 11:42
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 samedi 28 juin 2008 Statut Membre Dernière intervention 26 mars 2020 591
Modifié par GrifOli le 26/02/2013 à 21:38
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 samedi 5 novembre 2011 Statut Membre Dernière intervention 5 avril 2013 32
Modifié par 46.Divers le 26/02/2013 à 21:48
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 119 Date d'inscription jeudi 14 février 2013 Statut Membre Dernière intervention 16 avril 2018 6
26 févr. 2013 à 22:16
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 samedi 5 novembre 2011 Statut Membre Dernière intervention 5 avril 2013 32
26 févr. 2013 à 22:44
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 samedi 5 novembre 2011 Statut Membre Dernière intervention 5 avril 2013 32
26 févr. 2013 à 22:52
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 119 Date d'inscription jeudi 14 février 2013 Statut Membre Dernière intervention 16 avril 2018 6
Modifié par Flo313Z le 27/02/2013 à 01:51
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 samedi 5 novembre 2011 Statut Membre Dernière intervention 5 avril 2013 32
27 févr. 2013 à 11:42
Merci de ton aide :) mon problème est résolu merci beaucoup !
0