hoi

ik heb denk ik iets fout gedaan bij het slicen. maar heb zobeetje nagekeken maar weet niet wat.
http://www.oogappeltje.17thcentury.nl/
daar zie je allemaal van die oranje strepen die er niet horen.
heb geen flauw idee hoe ze daar kwamen.
kan iemand me ff helpen hoe ze daar gekomen zijn?
en hoe ik ze wegkrijg
Mijn Firefox oog ziet het zelfde als dat Safari appeltje van Jelmer.

I.d.d. lekker alles in Div's gaan zetten
huh ik denk dat ik wat fout doe
ik heb <div> neergezet waar over <table> staat
maar veranderd niks
doe ik iets fout?
heb ff alles terug gezet naar table.
mischien dat ik wat fout doe
<?php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">;
<html>
<table>
<head>
<center>
<title>Oogappeltje</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#fdb04c" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Oogappeltje.psd) -->
<table id="table_01" width="701" height="951" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="21" rowspan="3">
<img src="images/Beginheader.jpg" width="309" height="118" alt=""></td>
<td colspan="8">
<img src="images/BovenHeader.jpg" width="391" height="14" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Fotoheader.jpg" width="103" height="90" alt=""></td>
<td>
<img src="images/Tussenheader1.jpg" width="10" height="90" alt=""></td>
<td>
<img src="images/Fotoheader2.jpg" width="99" height="90" alt=""></td>
<td>
<img src="images/Tussenheader2.jpg" width="8" height="90" alt=""></td>
<td>
<img src="images/Fotoheader3.jpg" width="142" height="90" alt=""></td>
<td colspan="3">
<img src="images/Eindheader.jpg" width="29" height="90" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="90" alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="images/Onderheader.jpg" width="391" height="14" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td colspan="29">
<img src="images/Hierkontlopenttext.jpg" width="700" height="20" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="29">
<img src="images/index_11.jpg" width="700" height="15" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td rowspan="22">
<img src="images/index_12.jpg" width="4" height="797" alt=""></td>
<td colspan="17">
<img src="images/index_13.jpg" width="161" height="28" alt=""></td>
<td colspan="10">
<img src="images/index_14.jpg" width="527" height="28" alt=""></td>
<td rowspan="22">
<img src="images/index_15.jpg" width="8" height="797" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="10">
<img src="images/index_16.jpg" width="16" height="284" alt=""></td>
<td colspan="7">
<a href="Welkom.html">
<img src="images/Welkom.jpg" width="90" height="28" border="0" alt="Welkom"></a></td>
<td colspan="7" rowspan="10">
<img src="images/index_18.jpg" width="66" height="284" alt=""></td>
<td rowspan="19">
<img src="images/index_19.jpg" width="13" height="562" alt=""></td>
<td width="492" height="562" colspan="7" rowspan="19" bgcolor="#467792">
<img src="images/spacer.gif" width="492" height="562" alt=""></td>
<td rowspan="20">
<img src="images/index_21.jpg" width="11" height="582" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images/index_22.jpg" width="90" height="5" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="Hapjes.html">
<img src="images/Hapjes.jpg" width="75" height="38" border="0" alt="hapjes"></a></td>
<td colspan="4">
<img src="images/index_24.jpg" width="15" height="38" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="7">
<a href="Buffeten.html">
<img src="images/Buffeten.jpg" width="90" height="40" border="0" alt="Buffeten"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td colspan="5">
<a href="Salades.html">
<img src="images/Salades.jpg" width="81" height="25" border="0" alt="Salades"></a></td>
<td colspan="2">
<img src="images/index_27.jpg" width="9" height="25" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td colspan="6">
<a href="Gourmet.html">
<img src="images/Gourmet.jpg" width="84" height="45" border="0" alt="Gourmet"></a></td>
<td rowspan="4">
<img src="images/index_29.jpg" width="6" height="100" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="45" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="Foto's.html">
<img src="images/Foto%27s.jpg" width="65" height="27" border="0" alt="Foto&#39;s"></a></td>
<td colspan="4" rowspan="2">
<img src="images/index_31.jpg" width="19" height="30" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/index_32.jpg" width="65" height="3" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td colspan="4">
<a href="Contact.html">
<img src="images/Contact.jpg" width="76" height="25" border="0" alt="Contact"></a></td>
<td colspan="2">
<img src="images/index_34.jpg" width="8" height="25" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images/index_35.jpg" width="90" height="48" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="48" alt=""></td>
</tr>
<tr>
<td colspan="18">
<img src="images/index_36.jpg" width="172" height="7" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td colspan="15">
<img src="images/index_37.jpg" width="147" height="11" alt=""></td>
<td colspan="3" rowspan="6">
<img src="images/index_38.jpg" width="25" height="197" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="4">
<img src="images/index_39.jpg" width="14" height="154" alt=""></td>
<td colspan="10">
<img src="images/Hapjevandeweek.jpg" width="118" height="58" alt=""></td>
<td colspan="2" rowspan="4">
<img src="images/index_41.jpg" width="15" height="154" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="58" alt=""></td>
</tr>
<tr>
<td colspan="10">
<img src="images/index_42.jpg" width="118" height="4" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/index_43.jpg" width="7" height="92" alt=""></td>
<td colspan="7">
<img src="images/Hapje.jpg" width="106" height="88" alt="Hapje"></td>
<td rowspan="2">
<img src="images/index_45.jpg" width="5" height="92" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="88" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images/index_46.jpg" width="106" height="4" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/index_47.jpg" width="7" height="32" alt=""></td>
<td width="134" height="32" colspan="12" bgcolor="#467792">Gestoomde loempia</td>
<td>
<img src="images/index_49.jpg" width="6" height="32" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="32" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_50.jpg" width="6" height="5" alt=""></td>
<td colspan="15">
<img src="images/index_51.jpg" width="145" height="5" alt=""></td>
<td colspan="2" rowspan="4">
<img src="images/index_52.jpg" width="21" height="281" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td colspan="16" rowspan="3">
<img src="images/index_53.jpg" width="151" height="276" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="69" alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="images/index_54.jpg" width="505" height="20" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/index_55.jpg" width="516" height="187" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="187" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="4" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="60" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="21" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="9" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="4" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="120" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="103" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="99" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="8" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="142" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="8" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
</center>

?>
jemig, uhh, ik heb ook ooit een keer zo'n probleem gehad met zoiets.
licht niet aan het slicen, maar licht omdat je bepaalde images nog als achtergrond moet maken (de tabellen waarin je text wil zetten, moet je ff passen en meten) van je tabellen. dan moet ie als het goed is wel werken,
even als reminder:

<td background="images/spacer.gif" width="8" height="1" alt=""> (je kan ze gewoon letterlijk kopieren. ^^ succes ermee
een lay-out opmaken met divs is heel iets anders dan een lay-out met tabellen.

Je kunt niet zomaar iedere <table> vervangen door <div>

Kijk eerst maar is op andere sites hoe het daar gedaan is.

de site van jan is een goeie, maar je kunt ook mijn site is bestuderen
ik heb ff en in zie die strpen ook inderdaad... :S

Reageren