Aligner texte et image

Résolu
46.Divers Messages postés 56 Statut Membre -  
46.Divers Messages postés 56 Statut Membre -
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

  1. GrifOli Messages postés 2223 Statut Membre 597
     
    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
  2. 46.Divers Messages postés 56 Statut Membre 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
  3. 46.Divers Messages postés 56 Statut Membre 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
  4. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  5. 46.Divers Messages postés 56 Statut Membre 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
  6. 46.Divers Messages postés 56 Statut Membre 32
     
    Merci de ton aide :) mon problème est résolu merci beaucoup !
    0