Ég er ekki góður í töflum þar sem ég nota annað til að gera sama hlut but here goes nothing:
ég geri 8 myndir sem ég set í kringum efnið
<table>
<tr>
<td><img src="topp-vinstri.jpg" alt="Topp vinstri mynd" /></td>
<td><img src="topp-midja.jpg" alt="Topp midju mynd" /></td>
<td><img src="topp-haegri.jpg" alt="Topp hægri mynd" /></td>
</tr>
<tr>
<td><img src="mid-vinstri.jpg" alt="Topp vinstri mynd" /></td>
<td>Efni á síðunni</td>
<td><img src="mid-haegri.jpg" alt="Topp hægri mynd" /></td>
</tr>
<tr>
<td><img src="botn-vinstri.jpg" alt="Topp vinstri mynd" /></td>
<td><img src="botn-midja.jpg" alt="Topp midju mynd" /></td>
<td><img src="notn-haegri.jpg" alt="Topp hægri mynd" /></td>
</tr>
</table>
Ef þú vilt nota
töflulaust HTML með CSS er það svona:
HTML
<div id="back">
<div id="efni">
Efni
</div>
</div>
CSS sem þú setur (helst) í sér css skjal
#back {
background: url(slod/a/bakgrunn.jpg);
/* Þetta er allur bakgrunnurinn, með gati í
miðjunni fyrir efnið */
width: 500px; /* eða hvað sem myndin er stór*/
margin: 20px auto; /* Þá er 20px bil uppi og niðri og þetta fer sjálfkrafa í miðjuna á skjánum */
padding: 150px; /* bilið frá enda myndarinnar að gatinu fyrir efnið ef bilið er ekki jafnt má nota: padding: [upp] [hægri] [niður] [vinstri]; og þá seturu bara bilið inn */
}
Þetta er mjög einfallt og er hægt að gera td. í Dreamwaver og Frontpage (eða einhverjum HTML editor)