Rettelse af struktur på tabellen har jeg ikke gjort (et stykke tid siden jeg har rodet med tabeller - laver det meste via. css og div's idag) ... her er lige et eksempel på rettelsen:
lav en fil der hedder css.css med dette indhold:
html,body{height:100%;padding:0px;margin:0px;}
html{background:url('images/index_15.jpg');}
body{background:url('images/bg.jpg') repeat-x;}
#table_01{width:801px;height:601px;border-collapse:collapse;margin:0px auto;}
#table td{padding:0px;}
og så prøv denne tester.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><title>indexslice</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><link rel="stylesheet" href="css.css" type="text/css"></head><body>
<table id="table_01">
<tr>
<td colspan="12">
<img src="images/index_01.jpg" width="800" height="31" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3">
<img src="images/index_02.jpg" width="108" height="87" alt=""></td>
<td colspan="8" width="587" height="74">
</td>
<td colspan="2" rowspan="4">
<img src="images/index_04.jpg" width="105" height="91" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="74" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="5">
<img src="images/index_05.jpg" width="76" height="82" alt=""></td>
<td colspan="6">
<img src="images/index_06.jpg" width="511" height="3" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td rowspan="4"><a href="index.html" target="_parent"><img src="images/index_07.jpg" width="135" height="79" alt="" border="0"></a></td>
<td rowspan="4"><img src="images/index_08.jpg" width="1" height="79" alt=""></td>
<td colspan="2" rowspan="4"><a href="profil.html" target="_parent"><img src="images/index_09.jpg" width="127" height="79" alt="" border="0"></a></td>
<td rowspan="4"><a href="rapport.html" target="_parent"><img src="images/index_10.jpg" width="125" height="79" alt="" border="0"></a></td>
<td rowspan="4"><a href="kontakt.html" target="_parent"><img src="images/index_11.jpg" width="123" height="79" alt="" border="0"></a></td>
<td><img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_12.jpg" width="107" height="14" alt=""></td>
<td rowspan="3">
<img src="images/index_13.jpg" width="1" height="69" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/index_14.jpg" width="105" height="10" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td rowspan="8">
<img src="images/index_15.jpg" width="107" height="100%" alt=""></td>
<td colspan="2" rowspan="5">
<img src="images/index_16.jpg" width="105" height="100%" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="55" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/index_17.jpg" width="588" height="19" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/index_18.jpg" width="1" height="394" alt=""></td>
<td colspan="5">
<img src="images/profil_19.jpg" width="237" height="43" alt=""></td>
<td colspan="3">
<img src="images/profil_20.jpg" width="350" height="43" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="43" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_21.jpg" width="38" height="100%" alt=""></td>
<td colspan="2" bgcolor="FFFFFF"><br>
</td>
<td colspan="2">
<img src="images/index_23.jpg" width="26" height="100%" alt=""></td>
<td colspan="3" rowspan="2" bgcolor="FFFFFF"><p> <br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</td>
<td><img src="images/spacer.gif" width="1" height="264" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="2"><img src="images/index_25.jpg" width="237" height="100%" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2" width="352" height="47"></td>
<td rowspan="3"><img src="images/index_27.jpg" width="103" height="73" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td colspan="5"><img src="images/index_28.jpg" width="237" height="42" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="42" alt=""></td>
</tr>
<tr>
<td colspan="9"><img src="images/index_29.jpg" width="589" height="26" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td><img src="images/spacer.gif" width="107" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="38" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="38" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="135" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="102" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="125" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="123" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="103" height="1" alt=""></td>
<td></td>
</tr>
</table>
</body></html>
hvis du bruger den skal
<link rel="stylesheet" href="css.css" type="text/css"> nok rettes til f.eks.:
<link rel="stylesheet" href="/tester/css.css" type="text/css"> eller
<link rel="stylesheet" href="/css.css" type="text/css"> hvis css filen lægger i rod mappen ...
nat, nat ;)