- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Problema bordi bianchi
-
Problema bordi bianchi
Ciao, sto realizzando una newsletter e nella visualizzazione ho questo problema di vedere bordi bianchi dove non dovrebbero esserci.
Per visualizzare la pagina:
formless.it/clienti/news.../dem_prova.htmlEcco il codice.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "w3.org/TR/html4/strict.dtd">
<html xmlns="w3.org/1999/xhtml" xml:lang="en">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Newsletter</title>
<!--general stylesheet-->
<style type="text/css">
p { padding:0 ; margin: 0; font-size:14px; line-height:20px; color:#7f7064;}
h2, p, li, a { font-family:Arial, Helvetica, sans-serif }
h2 { padding:0 ; margin: 0; font-size:18px; line-height:25px; color:#243570;}
h2.verde { padding:0 ; margin: 0; font-size:18px; line-height:25px; color:#accc00;}
h2.arancione { padding:0 ; margin: 0; font-size:18px; line-height:25px; color:#f05b1d;}
td { vertical-align:top; margin:0;}
td.variazione{vertical-align:bottom; margin:0;}
ul, ol { margin: 0; padding: 0; font-size:14px; line-height:20px; color:#7f7064; list-style-type:square; margin-left:20px;}
p.piccolo {font-size:12px; color:#626262;}
p.piccolo2 {font-size:10px; color:#626262;}
a{color:#ee2b24;text-decoration:none; font-weight:bold; font-size:12px; }
a:hover{text-decoration:underline;}
a.img:hover {text-decoration:none;}
</style>
</head>
<body marginheight="0" topmargin="0" marginwidth="0" leftmargin="0" style="margin: 0; background-color: #ffffff;"><table cellspacing="0" border="none" cellpadding="0" width="560px" bgcolor="#FFFFFF" align="center"style="border-collapse:collapse; border-spacing:0">
<tbody>
<table cellpadding="0" cellspacing="0" border="none" width="560" bgcolor="#000000" align="center"style="border-collapse:collapse; border-spacing:0">
<tbody>
<tr>
<td valign="top" width="560" height="40" align="center" bgcolor="#FFFFFF"> <p class="piccolo"> se non visualizzi correttamente questa mail <a href="" target="_blank">clicca qui.</a> </p></td>
</tr>
</tbody>
</table><table cellpadding="0" cellspacing="0" border="none" align="center" width="560" style="border-collapse:collapse; border-spacing:0">
<tbody>
<tr>
<td colspan="3" width="560" height="308" align="center"> <img src="img/visual1.jpg" width="560" height="308"></td></tr>
<tr>
<td align="center" width="31" height="30"> <img src="/img/1.jpg" width="31" height="30"> </td>
<td align="center" width="233" height="30"><img src="img/2.jpg" width="233" height="30"> </td>
<td align="center" width="296" height="30"><img src="/img/3.jpg" width="296" height="30"> </td>
</tr>
<tr>
<td colspan="3" width="560" height="39" align="center"> <img src="/img/banda1.jpg" width="560" height="39"> </td>
</tr>
<tr>
<td colspan="3" width="560" height="39" align="center"> <img src="/img/banda_arancione.jpg" width="560" height="39"> </td>
</tr>
</tbody>
</table></tbody>
</table>
</body>
</html>Grazie mille
-
L'indirizzo indicato è errato credo sia il pezzo news...
-
Sis cusa, l'indirizzo è: formless.it/clienti/newsletter/dem_prova.html
-
Risolto, bisognava mettere l'img come sfondo del td e non come img all'interno!
-
A vedersi bene si vede bene, però per le newsletter è una soluzione che non bisognerebbe usare, qualcuno sa come risolvere?