HTML : mettre le texte à coté de l'image [Résolu]

Réponse 2 / 8

loicDu28 Messages postés 332 Date d'inscription Statut Membre Dernière intervention 53

merci pour ta réponse Dalida.

Je suis d'accord avec toi mais je l'es trouvé plus simple pour le moment mais t'inquiète pas je changerait surement d'avis et j'utiliserai des div par exemple.

Cela se fera certainement lorsque j'aurai décidé d'utiliser une feuille CSS externe car sinon ca va pas être terrible la présentation.

Réponse 3 / 8

Mets des petites cellule vide, comme ça <td></td>, ca te donne ca :

<table>
<td>
<center>Toi et moi c'est un amour éternel,
<br>Toi et moi c'est pour la vie je l'espère.</center>
</td>
<td></td><td></td><td></td><td></td>
<td>
<center><IMG SRC="nous.jpg"></center>
</td>
<td></td><td></td><td></td><td></td>
<td>
<a href="notre_rencontre.html">notre rencontre</a>
<br><a href="#">les souvenirs en couple</a>
</td>
</table></center>

Réponse 4 / 8

Webster95 Messages postés 553 Date d'inscription Statut Membre Dernière intervention 142

Salut,
A ta place, je ferai au plus simple: Tu fait un tableau avec 2 colones, dans une colonne, tu met ton image, dans l'autre, ton texte.
Avec Dreamweaver c'est simple a faire ;)

Bonne chance

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

Posez votre question

Réponse 5 / 8

loicDu28 Messages postés 332 Date d'inscription Statut Membre Dernière intervention 53

bonjour,

merci pour vos réponses.

j'ai utilisé la méthode de Webster95 c'est à dire l'utilisation d'un tableau mais pas avec dreamweaver car je ne l'es pas et je travail avec notepad++.

mon problème c'est que je n'arrive pas à mettre espace entre chaque colonne du tableau, voici ce que cela me donne maintenant : https://www.hiboox.fr/

voici le code que j'utilise :

<html>
	<title>
		amour fou entre marie et loic
	</title>
	<head>
		
	</head>
	<body background="fond_ecran-amour/test2.bmp">
		<center><table>
			<td>
				<center>Toi et moi c'est un amour éternel, 
				<br>Toi et moi c'est pour la vie je l'espère.</center>
			</td>
			<td>
				<center><IMG SRC="nous.jpg"></center>
			</td>
			<td>
				<a href="notre_rencontre.html">notre rencontre</a>
				<br><a href="#">les souvenirs en couple</a>
			</td>
		</table></center>
	</body>
	
</html>

Comment puis-je faire pour que les écritures, la photo et les liens ne se touche pas??

Merci d'avance!!

Réponse 6 / 8

warlix Messages postés 1201 Date d'inscription Statut Contributeur Dernière intervention 288

re
deja une chose , essais de changer l extention de tes photos, en affet:
ond_ecran-amour/test2.bmp

il va falloir un temps fou pour l afficher ^^ , eviter le bmp , bien que cela ne règle pas la question posée, juste une remarque

Pour un truc aussi simple , je te conseil de le faire en <div> plutôt qu en <td>
fais un tour sur le site du zero , pour ce genre de chose il te faut maxi 2 heures pour apprendre et faire.

Réponse 7 / 8

loicDu28 Messages postés 332 Date d'inscription Statut Membre Dernière intervention 53

bonjour,

merci pour vos réponses si précieuse.

J'ai donc décidé d'utiliser la méthode de la balise <p> ce qui me donne :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
	<title>amour fou entre Marie et Loïc</title>
  <style type="text/css">
  table p {
    margin: 32px;
    background-color: #fff;
    }
  </style>
	</head>
	<body background="pb_siteAmour.jpg/">
		<center>
		<table>
      <tr>
        <td>
          <p>Toi et moi c'est un amour éternel,<br>
          Toi et moi c'est pour la vie je l'espère.</p>
        </td>
        <td>
          <IMG SRC="amour.jpg">
        </td>
        <td>
          <p><a href="notre_rencontre.html">notre rencontre</a><br>
          <a href="#">les souvenirs en couple</a></p>
        </td>
      </tr>
		</table>
		</center>
	</body>
	
</html>

merci beaucoup pour votre aide.

Réponse 8 / 8

warlix Messages postés 1201 Date d'inscription Statut Contributeur Dernière intervention 288

salut

un div id et dedans 2 div class , une que tu met en float left etc.;

Va sur le site du zéro et cherche float left tu devrai trouver ton bonheur

HTML : mettre le texte à coté de l'image

8 réponses

Votre réponse

Discussions similaires