Cookie Consent by Free Privacy Policy Generator website
byt lankar med html-skolan

Google gbghtml.se
Denna sida använder cookies, läs mer här>>>
index td-taggen koden bordercolor colspan rowspan bgcolor width cellspacing Distans Bild i table Tabellkod Bilden i mitten valign Frågesport

Fullständig kod till din tabell

<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

copyright © Björn Larsen citygbg.se