Aligner texte et image sur site web

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

3 réponses

  1.
    albert733 Messages postés 307 Statut Membre 11
     
    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
  2. albert733 Messages postés 307 Statut Membre 11
     
    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>
    0
  3. 46.Divers Messages postés 56 Statut Membre 32
     
    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
    0
    1. albert733 Messages postés 307 Statut Membre 11
       
      essaye de redimensionner l'image.
      0
    2. 46.Divers Messages postés 56 Statut Membre 32
       
      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
      0
    3. 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
    4. albert733 Messages postés 307 Statut Membre 11
       
      en fait c'est un problème de taille de bloc je pense
      il faut que tu redimensionnes la taille du bloc
      0

Discussions similaires

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

10 réponses