18041 sujets

Questions générales et questions de débutants

Demande d'aide pour lier image et texte dans un tableau

Bonjour,

Je gère un site de sport, et je souhaite réaliser un trombinoscope dans le style de celui-ci (http://www.chamberysavoiehandball.com/chambery-handball/centre-formation/effectif.php).

Je ne suis pas un expert en HTML, mais je voulai savoir si cela est possible où alors faut il créer une image avec la photo et le texte?

J'arrive à faire le tableau mais l'image et le texte ne sont pas dans la même cellule, ou alors le texte est sur le bas de l'image et en dessous.

Si quelqu'un a une solution

Merci d'avance
Ludovic
www.hbh71.com
Salut

A priori, je n'utiliserais pas un tableau car ce n'est pas un tableau de donnés.

J'utiliserais beaucoup plus une liste. En voici un petit exemple.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Effectif du centre de formation de Chambery Savoie Handball</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Chambéry Savoie Handball vous dévoile sa jeune équipe en formation.">
<style>
	* { margin:0; padding:0; }
	body { background:#ccc; }
	#wrapper { width: 700px; margin:0 auto; }
	ul { overflow:hidden; list-style:none; }
	ul li { float:left; width:220px; margin:2px; padding:3px; background:#fff; }
	ul li img { float:left; }
	ul li p { float:left; padding:0 0 0 10px; font-family:Arial; font-size:0.8em; }
</style>
</head>
<body>
<div id="wrapper">
	<ul>
		<li>
			<img height="107" width="80" alt="Bertrand Pachoud" src="http://www.chamberysavoiehandball.com/images/bertrand-pachoud.jpg">
			<p>
				<strong>Kevin<br />MUNIER</strong><br />
				Né le 26/02/1991 <br />
				Taille (cm) : 193 <br />
				Poids (kg) : 80 <br />
				Poste : ARG
			</p>
		</li>
		<li>
			<img height="107" width="80" alt="Bertrand Pachoud" src="http://www.chamberysavoiehandball.com/images/bertrand-pachoud.jpg">
			<p>
				<strong>Kevin<br />MUNIER</strong><br />
				Né le 26/02/1991 <br />
				Taille (cm) : 193 <br />
				Poids (kg) : 80 <br />
				Poste : ARG
			</p>
		</li>
		<li>
			<img height="107" width="80" alt="Bertrand Pachoud" src="http://www.chamberysavoiehandball.com/images/bertrand-pachoud.jpg">
			<p>
				<strong>Kevin<br />MUNIER</strong><br />
				Né le 26/02/1991 <br />
				Taille (cm) : 193 <br />
				Poids (kg) : 80 <br />
				Poste : ARG
			</p>
		</li>
		<li>
			<img height="107" width="80" alt="Bertrand Pachoud" src="http://www.chamberysavoiehandball.com/images/bertrand-pachoud.jpg">
			<p>
				<strong>Kevin<br />MUNIER</strong><br />
				Né le 26/02/1991 <br />
				Taille (cm) : 193 <br />
				Poids (kg) : 80 <br />
				Poste : ARG
			</p>
		</li>
	</ul>
</div>
</body>
</html>


J'espère que ça peut t'aider.
Modifié par Sorano (13 Oct 2010 - 15:12)
Oui merci ca m'aide bien, il me reste juste a voir pour ma structure de page car il dérègle la page, mais ca c'est bon je trouverai sans problème

Merci de ton aide
Sujet clos
Aller à