<html>
<head>
<title>tabeller</title>
</head>
<body><div style="overflow-x:auto;">
<table border="1" bordercolor="blue" cellspacing="10" cellpadding="10">
<tr>
<td>Detta är den vänstra cellen i den första
raden</td>
<td><img src="bilder/pelle.jpg" width="20" height="20" alt="pelle
på nya äventyr"/></td>
<td>Detta är den högra cellen i den första
raden</td>
</tr>
<tr>
<td rowspan="2" colspan="2">Detta är
den vänstra cellen i den andra raden</td>
<td>Detta är den högra cellen i den andra
raden</td>
</tr>
<tr>
<td>Detta är den högra cellen i den tredje
raden</td>
</tr></table></div>
</body>
</html>
I den nedersta TD-taggen ser du vi angett colspan="3" och
align="center"
för
att få innehållet i cellen att finnas i mitten av cellen(horisontalt).
Skulle vi nu vilja flytta bilden i höjdled också får vi använda oss av
valign. För att göra detta lite tydligare utökar jag höjden på cellen med
height <td colspan="3" align="center" height="200">, med
height="200" har vi sagt att höjden skall vara 200 pixel. Vi använder
inte % här till höjden då det är dåligt med tabeller runtom. resultatet
får du här