Aligner texte et image sur site web

Résolu
46.Divers -  
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

3 réponses

  1. albert733
    bonjour,
    il faut d'abord que tu crées des blocs appelés <div id="le nom ici">
    tu en crées un bloc pour ton texte et ton image
    ensuite tu en crées un dedans pour ton image et un autre pour ton texte que tu positionnes ensuite dans ta feuille de style à ta guise ("le nom que tu a choisis" { le style })
    n'oublies pas de le fermé la balise </div>
    1. albert733
      voila je t'ai fais un exemple: 
      <! DOCTYPE html>
<html>
	<head>
		<title>exemple pour le forum de comment ca marche</title>
		<link rel="stylesheet" type="text/css" href="style.css"></link>
	</head>
	
	<body> 
	<div id="page">
		<div id="menu">
		<ul id="niveau1">
			<li><a href="Titre 1.html">accueil</a>	</li>
			<li><a href="Titre 2.html"> xxx a></li>
			<li><a href="Titre 3.html"> yyy </a></li>
		</ul>
		</div>
		<div id="bloc_de_texte_et_image">
			<div id="image001">
			tu insères ici ton image
			</div>
			<div id="texte001">
			tu insères ici ton texte
			</div>
		</div>
	</div>
      1.  46.Divers Auteur
        J'ai fait ceci le texte ce positionne toujours en dessous de mon image.
        On ma dit également qu'il fallait mettre align="left"
        Effectivement mon image est bien à gauche de mon texte comme je le souhaite mais mon image dépasse de ma section
        1. albert733
          essaye de redimensionner l'image.
        2. 46.Divers Auteur
          En fait la taille de l'image me va très bien c'es juste qu'elle sort de l'encadrement sur la photo.
          J'aimerais que la bouteille 2008 et le texte aligné avec soit encadré mais j'ai sa :
          http://nsa29.casimages.com/img/2013/02/26/130226094826597624.gif
        3. 46.Divers Auteur
          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
        4. albert733
          en fait c'est un problème de taille de bloc je pense
          il faut que tu redimensionnes la taille du bloc

      Discussions similaires

      Retrouver l'image originale d'une photo modifiée
      Raven

      10 réponses