Hey... Probably simple answer, but here's the question:
My sliced layout is:
<html>
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1.psd) -->
<table id="Table_01" width="800" height="601" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="12">
<img src="images/web_01.jpg" width="800" height="57" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/web_02.jpg" width="80" height="25" alt=""></td>
<td>
<img src="images/home.jpg" width="65" height="25" alt=""></td>
<td>
<img src="images/Plan.jpg" width="72" height="25" alt=""></td>
<td>
<img src="images/Assets.jpg" width="86" height="25" alt=""></td>
<td>
<img src="images/Website.jpg" width="98" height="25" alt=""></td>
<td>
<img src="images/Movie.jpg" width="86" height="25" alt=""></td>
<td>
<img src="images/Presentation.jpg" width="140" height="25" alt=""></td>
<td>
<img src="images/Review.jpg" width="89" height="25" alt=""></td>
<td colspan="2">
<img src="images/web_10.jpg" width="84" height="25" alt=""></td>
</tr>
<tr>
<td colspan="12">
<img src="images/web_11.jpg" width="800" height="12" alt=""></td>
</tr>
<tr>
<td>
<img src="images/web_12.jpg" width="29" height="488" alt=""></td>
<td>
<img src="images/web_13.jpg" width="8" height="488" alt=""></td>
<td colspan="9">
<img src="images/web_14.jpg" width="723" height="488" alt=""></td>
<td>
<img src="images/web_15.jpg" width="40" height="488" alt=""></td>
</tr>
<tr>
<td colspan="12">
<img src="images/web_16.jpg" width="800" height="18" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="29" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="8" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="43" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="65" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="72" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="86" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="98" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="86" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="140" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="89" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="44" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="40" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>and I wanna add an Iframe.... everytime I add the code, it always screws up the layout.
I replaced <img src="images/web_15.jpg" width="40" height="488" alt=""> with <IFRAME SRC="index.html" WIDTH=773 HEIGHT=491></IFRAME> and it screws up...
The width and height of the picture and iframe are completely different. You may have to compromise. Make the height and width of the iframe smaller.
Just a suggestion: spacer images are bad. Use a CSS layout.
Yeah while ago now, I think I sorted this.
Thanks for helping anyway ;)