<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.0.0/build/cssreset/reset-min.css"/>
<title></title>
<STYLE type="text/css">
</STYLE>
</head>
<body style="margin:0; padding:0">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0px">
<tr>
<td valign="top" background="file:///C:/Users/MaRiO/Desktop/trabajo/4.jpg" style ="BACKGROUND-REPEAT: repeat-x;" bgcolor="#e6e6e6">
<table width="800" height="1228" align="center" cellpadding="0px" cellspacing="0px" >
<tr>
<td valign="top"><img src="file:///C:/Users/MaRiO/Desktop/trabajo/caca.jpg" width="800" height="29"/></td>
</tr>
<tr>
<td>
<table width="800" height="1199" cellpadding="0px" cellspacing="0px">
<tr>
<td width="79" valign="top" bgcolor="#85d0f0" ><img src="file:///C:/Users/MaRiO/Desktop/trabajo/IZQUI.jpg" width="79" height="1199" style="display:block;border:0;" /></td>
<td width="642" height="1199" valign="top" bgcolor="#FFFFFF">
<table border="0px" cellpadding="0px" cellspacing="0px">
<tr>
<td>
<table border="0" cellpadding="0px" cellspacing="0px" width="394">
<tr>
<td style=" font-family:Arial, Helvetica, sans-serif;font-size:60px; color:#808080;padding:25px 21px 21px 19px;"> <strong> BlueLetter <strong></td></tr>
<tr><td style="font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#85d0f0;padding:0px 0px 21px 21px;"><em>NEWSLETTER n°1<em></td>
</tr>
</table>
</td>
<td ><img src="file:///C:/Users/MaRiO/Desktop/template/template/HTML/images/logp.jpg" alt="Company'sLOGO" width="206px" height="103px" style="padding:0px 0px 0px 21px;"/></td>
</tr>
</table>
<table align="center" bgcolor="#85d0f0" width="600px" height="8px" border="0px" cellpadding="0px" cellspacing="0px" >
<tr>
<td></td>
</tr>
</table>
<table width="642px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="372" style="padding:21px"><div style="font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;text-align:left;line-height:1.4;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam mi. Aenean ut orci vel massa suscipit pulvinar.
</td>
<td> <img src="file:///C:\Users\MaRiO\Desktop\template\template\HTML\imag es\image1.jpg" width="206" height="163"/></td>
</tr>
</table >
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="372" style="padding:0px 21px"><div style="font-family:Arial, Helvetica, sans-serif;font-size:22px;color:#808080;"><strong>Lorem Silum</strong></div></td>
<td width="206"><div style="font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;"> Mauris ac mauris sed pellentesque .</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding:21px 21px"><img src ="file:///C:\Users\MaRiO\Desktop\template\template\HTML\imag es\guardafotogrande.jpg" width="600" height="216"/> </td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="290" style="padding:0px 21px"> <div style="font-family:Arial, Helvetica, sans-serif;font-size:22px;color:#808080;"><strong>Interesting Title</strong></div></td>
<td width="290" style="padding:0px 21px"> <div style="font-family:Arial, Helvetica, sans-serif;font-size:22px;color:#808080;"><strong>Interesting Title</strong></div></td>
</tr>
<tr>
<td width="290" style="padding:0px 21px"><div style="font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;text-align:left;line-height:1.4;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor.
</div></td>
<td width="290" style="padding:0px 21px"><div style="font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;text-align:left;line-height:1.4;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor.
</div></td>
</tr>
</table>
<table width="600px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="290" style="padding:8px 21px 0px;"><div style="font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;text-align:left;line-height:1.4;"> Last little text to write stuf. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. </div> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" bgcolor="85d0f0" > <img src="file:///C:\Users\MaRiO\Desktop\trabajo\letter.jpg" width="642"height="291"style="display:block;border :0;" /></td>
</tr>
</table>
</td>
<td width="79" valign="top" bgcolor="85d0f0"><img src="file:///C:/Users/MaRiO/Desktop/trabajo/dere.jpg" width="79" height="1199" style="display:block;border:0;"/></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Este programa me deja un margen abajo en blanco. Esto es una newsletter que he hecho mediante HTML y pero justo en las imagenes lateras que me dan el ejecto sombra al ir al navegador la parte que va en medio, sube mucho y deja un espacio en blanco. La imagen de los laterales y el de el medio da una imagen una carta si lo veis en el la imagen
