gaiapuffo
12-03-2015, 09:07
Ciao, ho un problema nel creare un html email. Praticamente devo mettere delle immagini una vicino all'altra e sopra l'immagine ci deve essere un titolo...
Quindi vado di table,th,td..Il problema è che su browser non si vede ma se carico il codice html su email, fra il th e il td dell'immagine vi è uno spazio bianco che non riesco a cancellare in nessun modo..Sfrutto l'attributo
border-spacing: 10px 0px; quindi fra le celle in verticale non ci dovrebbero essere spazi bianchi ma invece c'è ne uno picolissimo...non so cosa fare..Ho provato a mettere l immagine come sfondo del td e cosi funziona..ma funziona per gmail,yahoo e non per outlook che per qualche motivo non supporta i tag con background e da un comportamento strano
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<br/><br/>
<table style="
border: 0px;
border-collapse: separate;
border-spacing: 10px 0px;">
<tr>
<th height="30px" style="margin-right:10px; background:#009edf; font-family: Source Sans Pro ">
SERVICE
</th>
<th height="30px" style=" background:#009edf; font-family: Source Sans Pro ">
T
</th>
</tr>
<tr>
<td>
<img src="https://dl.dropboxusercontent.com/s/9dulssezpuegh4j/computer.jpg?dl=0" width="100%" height="100%" >
</td>
<td>
<img src="https://dl.dropboxusercontent.com/s/9dulssezpuegh4j/computer.jpg?dl=0" width="100%" height="100%" >
</td>
</tr>
</table>
Quindi vado di table,th,td..Il problema è che su browser non si vede ma se carico il codice html su email, fra il th e il td dell'immagine vi è uno spazio bianco che non riesco a cancellare in nessun modo..Sfrutto l'attributo
border-spacing: 10px 0px; quindi fra le celle in verticale non ci dovrebbero essere spazi bianchi ma invece c'è ne uno picolissimo...non so cosa fare..Ho provato a mettere l immagine come sfondo del td e cosi funziona..ma funziona per gmail,yahoo e non per outlook che per qualche motivo non supporta i tag con background e da un comportamento strano
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<br/><br/>
<table style="
border: 0px;
border-collapse: separate;
border-spacing: 10px 0px;">
<tr>
<th height="30px" style="margin-right:10px; background:#009edf; font-family: Source Sans Pro ">
SERVICE
</th>
<th height="30px" style=" background:#009edf; font-family: Source Sans Pro ">
T
</th>
</tr>
<tr>
<td>
<img src="https://dl.dropboxusercontent.com/s/9dulssezpuegh4j/computer.jpg?dl=0" width="100%" height="100%" >
</td>
<td>
<img src="https://dl.dropboxusercontent.com/s/9dulssezpuegh4j/computer.jpg?dl=0" width="100%" height="100%" >
</td>
</tr>
</table>