paragraphe et bordure

Version imprimable

Bonjour à tous, dans le code suivant

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
 
 <head>
	 <title>'.$txt0235.'</title>
	 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	 </head>
	 <body bgcolor="#FFFFFF" text="#000000">
	 <div align="center">
	 <table width="48%" border="1" cellspacing="0" cellpadding="0" bgcolor="white" align="center">
	 <tr>
	 <td width="48%"><img src="'.$site.'images/banniere/banniere_finale_test04.png" width="600" height="72"></td>
	 </tr>
	 </table>
	 <p align="center">'.$txt0275.'.</p>	
	 <p>&nbsp;</p>
	 <p align="center">'.$txt0238.'</p>
	 <p align="center"><a href="'.$site.'">sit</a></p>
	 <p>&nbsp; </p>
	 <tr>
	 <td width="48%"><a href="'.$site.'">site</a><img src="'.$site.'images/footer_mail.jpg" width="600" height="20"></td>
	 </tr>
	 </div>
	 </body>
	 </html>';

j'ai une bordure pour la bannière, j'ai une bordure pour le footer, mais il n'y a aucune bordure pour le texte centrale, du coup c'est pas très esthétique.

j'aimerais savoir comment le coder afin qu'il y ait une bordure à gauche et à droite du texte de façon à ce que j'obtienne un cadre.

merci d'avance pour votre aide.

Salut, si j'ai bien compris tu veux mettre des bordures sur le header, le corp et le footer de ta page, si c'est bien ça voila essaie avec ça j'ai modifier un peut le code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
	<head>
		<title>'.$txt0235.'</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	</head>
	<body bgcolor="#FFFFFF" text="#000000">
		<div align="center">
			<table width="48%" height="80px" border="0" cellspacing="0" cellpadding="0" bgcolor="white" align="center" style="border: 1px #000 solid;">
				<tr>
					<td width="48%">
						<center><img src="'.$site.'images/banniere/banniere_finale_test04.png" width="600" height="72" alt="" /></center>
					</td>
				</tr>
			</table>
			<table width="48%" border="0" cellspacing="0" cellpadding="0" bgcolor="white" align="center" style="border: 1px #000 solid;border-top: none;">
				<tr>
					<td width="48%"><center>
						<p align="center">'.$txt0275.'.</p>	
						<p>&nbsp;</p>
						<p align="center">'.$txt0238.'</p>
						<p align="center"><a href="'.$site.'">sit</a></p>
						<p>&nbsp; </p></center>
					</td>
				</tr>
			</table>
			<table width="48%" height="30px" border="0" cellspacing="0" cellpadding="0" bgcolor="white" align="center" style="border: 1px #000 solid;border-top: none;">
				<tr>
					<td width="48%">
						<center><a href="'.$site.'">site</a><img src="'.$site.'images/footer_mail.jpg" width="600" height="20" alt="" /></center>
					</td>
				</tr>
			</table>
		</div>
	</body>
</html>

18/09/2010, 09h56
polymorphisme

Bonjour sam01,

ton code ne comporte pas que du HTML, j'imagine que cela doit être un extrait de PHP comportant du HTML ? Merci de l'indiquer. :ccool:
18/09/2010, 12h16
sam01

Bonjour Rahim-US,

au fait il y a plusieurs souci dans l code que tu m'as donné.

Déjà, les images ne s'affichent plus. En plus comme c'est un mail que j'envoie, je ne le reçoit dans ma boîte de réception mais en spam... je ne sais pas du tout pourquoi et au niveau des bordures, j'ai effectivement les bordures mais les bordure du texte sont moins large que les bordures des images, ça fait que ça donne quelque chose de pas du tout esthétique.

Voilà ce que ça me donne :

http://www.pixenli.com/image1284804959018537100.html

Salut, bon pour le code je sais pas très bien ou est le problème mais j'ai encore modifié le code voila, je pense que le problème se pose de la largeur des tableaux, donc je l'ai modifié comme ça:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>
	<head>
		<title>'.$txt0235.'</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	</head>
	<body bgcolor="#FFFFFF" text="#000000">
		<div align="center">
			<table width="100%" height="80px" border="0" cellspacing="0" cellpadding="0" bgcolor="white" align="center" style="border: 1px #000 solid;">
				<tr>
					<td style="border-bottom: 1px #000 solid;">
						<center><img src="'.$site.'images/banniere/banniere_finale_test04.png" width="600" height="72" alt="" /></center>
					</td>
				</tr>
				<tr>
					<td><center>
						<p align="center">'.$txt0275.'.</p>	
						<p>&nbsp;</p>
						<p align="center">'.$txt0238.'</p>
						<p align="center"><a href="'.$site.'">sit</a></p>
						<p>&nbsp; </p></center>
					</td>
				</tr>
				<tr>
					<td style="border-top: 1px #000 solid;">
						<center><a href="'.$site.'">site</a><img src="'.$site.'images/footer_mail.jpg" width="600" height="20" alt="" /></center>
					</td>
				</tr>
			</table>
		</div>
	</body>
</html>

Si non, utilise une feuille de style et organise ton code mieux pour voire le problème, et pour les images qui ne s'affichent pas je pense que le lien de la source de l'image n'est pas valide.

20/09/2010, 12h46
polymorphisme

Bonjour sam01,

pour obtenir un cadre autour de tes divisions,
il faut utiliser les propriétés de style border-*-width en CSS.

Tu gagnerais du temps à lire un ou deux tutoriels sur les CSS.
Il y en a de très bon sur le site. :P