Als iemand mij kan helpen met mijn - waarschijnlijk zeer eenvoudig - probleem, dan zou ik dat zeer waarderen.
Ik ben bezig met het maken van een email signature. Hiervoor wil ik gegevens plaatsen in een table. Uiteindelijk wil ik een signature zoals volgend voorbeeld:
De Html/Css maak ik in Dreamweaver. Met onderstaande code ziet mijn signature er als volgt uit:
In live mode - of in een browser ziet het er echter zo uit:
Het probleem waar ik tegenaan loop is dat de table hoger is dan ik aangeef. Hierdoor loopt de 'blauwe cel' onder door, lager dan de foto. Zie:
Ik vermoed dat er toch iets speelt als een padding of margin. Maar ik kan de fout niet ontdekken...
Wie helpt?
De code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>EmailSignature</title>
<style>
table {
table-layout: fixed;
border-collapse: collapse;
height: 80px;
padding: 0;
margin: 0;
}
td, img {
padding: 0;
margin: 0;
}
#Avatar {
width: 80px;
height: 80px;
}
#Whitespace {
width: 2px;
}
#BlueBar {
width: 6px;
background-color: #0CF;
margin: 20px;
}
</style>
</head>
<body>
<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3" id="Avatar"><img src="enhanced-buzz-16839-1297795475-9.jpg" height="80px" width="80px"></td>
<td rowspan="3" id="Whitespace"> </td>
<td rowspan="3" id="BlueBar"> </td>
<td rowspan="3" id="Whitespace"> </td>
<td>Tekst</td>
</tr>
<tr>
<td>Tekst</td>
</tr>
<tr>
<td>Tekst</td>
</tr>
</table>
</body>
</html>
Ik ben bezig met het maken van een email signature. Hiervoor wil ik gegevens plaatsen in een table. Uiteindelijk wil ik een signature zoals volgend voorbeeld:
De Html/Css maak ik in Dreamweaver. Met onderstaande code ziet mijn signature er als volgt uit:
In live mode - of in een browser ziet het er echter zo uit:
Het probleem waar ik tegenaan loop is dat de table hoger is dan ik aangeef. Hierdoor loopt de 'blauwe cel' onder door, lager dan de foto. Zie:
Ik vermoed dat er toch iets speelt als een padding of margin. Maar ik kan de fout niet ontdekken...
Wie helpt? De code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>EmailSignature</title>
<style>
table {
table-layout: fixed;
border-collapse: collapse;
height: 80px;
padding: 0;
margin: 0;
}
td, img {
padding: 0;
margin: 0;
}
#Avatar {
width: 80px;
height: 80px;
}
#Whitespace {
width: 2px;
}
#BlueBar {
width: 6px;
background-color: #0CF;
margin: 20px;
}
</style>
</head>
<body>
<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3" id="Avatar"><img src="enhanced-buzz-16839-1297795475-9.jpg" height="80px" width="80px"></td>
<td rowspan="3" id="Whitespace"> </td>
<td rowspan="3" id="BlueBar"> </td>
<td rowspan="3" id="Whitespace"> </td>
<td>Tekst</td>
</tr>
<tr>
<td>Tekst</td>
</tr>
<tr>
<td>Tekst</td>
</tr>
</table>
</body>
</html>
:strip_icc():strip_exif()/u/289675/crop6401bf2c85501_cropped.jpg?f=community)
/u/107051/jeroenmadtrix60.png?f=community)
:strip_exif()/u/145304/nick.gif?f=community)
