Rechercher : dans
Par :

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

Dernière réponse le 16 fév 2009 à 09:49:37 loicDu28, le 14 fév 2009 à 23:50:38 
 Signaler ce message aux modérateurs

Bonjour,

voila je réalise un site web en html et je souhaiterai savoir comment je peux faire pour mettre du texte a coté de l'image (au centre) comme indiqué sur l'image suivante (Texte correspond à l'emplacement du texte que je souhaiterai insérer) :
http://www.hiboox.fr/...

merci d'avance pour votre aide!!

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « HTML : mettre le texte à coté de l'image » dans :
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
LaTeX - Insertion d'images VoirStyle LaTeX permet d'insérer des images de différents formats. Le plus simple est d'insérer des fichiers de type eps (Encapsuled Postscript) : Il suffit d'insérer dans le préambule la ligne suivante : \usepackage{graphicx} Puis d'insérer...

1

warlix, le 15 fév 2009 à 01:52:33

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
la tristesse c est de ne pas savoir que l on est heureux !

Répondre à warlix

2

Webster95, le 15 fév 2009 à 09:48:09
  • +1

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
Besoin d'aide en Webmastering ? Webmaster a votre écoute :)

Répondre à Webster95

3

loicDu28, le 15 fév 2009 à 15:21:36

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 : http://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épondre à loicDu28

4

warlix, le 16 fév 2009 à 07:10:56

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.
la tristesse c est de ne pas savoir que l on est heureux !

Répondre à warlix

5

974_Vin's_974, le 16 fév 2009 à 07:11:25

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>
Dséolé puor l'otrhogarphe, arpès tuot on s'enfuo, t'es bein capbale de cmoprnedre ça non ??
[' Tu tr0uveras t0uj0urs plus f0rt que t0i ']

Répondre à 974_Vin's_974

6

loicDu28, le 16 fév 2009 à 08:45:49

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épondre à loicDu28

7

Dalida, le 16 fév 2009 à 09:35:59

Salut,

par pitié, nous sommes en 2009, pas de tableaux pour mettre en page !

Les tables ne devraient pas représenter simplement un moyen de disposer le contenu d'un document car cela peut entraîner des problèmes de restitution sur les médias non-visuels. En outre, quand on les utilise avec des graphiques, ces tables peuvent forcer l'utilisateur à effectuer un défilement horizontal pour voir une table qui aura été conçue sur un système avec une surface d'affichage plus grande. Afin de minimiser ces problèmes, les auteurs devraient employer des feuilles de style pour le contrôle de la disposition plutôt que des tables.

source

ça c'est pour la théorie et pour la pratique, c'est ici !
-;o)
[ Mathieu ]
Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

8

 loicDu28, le 16 fév 2009 à 09:49:37

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épondre à loicDu28