Okay this is going to be kind of hard to explain, but I'll try my best. I'm just hoping that I can find some kind of help, because it's kind of complicated.<br />
<br />
So I sliced an image into different parts using tables, and I wanted to use an iframe in one of the "slices". I wanted the image and the iframe in the same cell together, because I wanted a transparent iframe and scrollbar. But every time that I try to put them in the same cell, they don't layer over eachother, they stack on top of eachother, thus ruining the cells and making the picture look out of proportion. My cells and images look like this:<br />
<br />
<TABLE WIDTH=706 BORDER=0 CELLPADDING=0 CELLSPACING=0><br />
<TR><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_01.jpg" WIDTH=290 HEIGHT=174></TD><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_02.jpg" WIDTH=281 HEIGHT=174><br />
<iframe src=http://www.htmlforums.com/archive/index.php/"main.htm" height="174" width="281" name="frame" frameborder="0" style="filter:chroma(color=000001)"></iframe></TD><br />
</TD><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_03.jpg" WIDTH=135 HEIGHT=174></TD><br />
</TR><br />
<TR><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_04.jpg" WIDTH=290 HEIGHT=163></TD><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_05.jpg" WIDTH=281 HEIGHT=163></TD><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_06.jpg" WIDTH=135 HEIGHT=163></TD><br />
</TR><br />
<TR><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_07.jpg" WIDTH=290 HEIGHT=70></TD><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_08.jpg" WIDTH=281 HEIGHT=70></TD><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_09.jpg" WIDTH=135 HEIGHT=70></TD><br />
</TR><br />
</TABLE><br />
<br />
I tried using a background in the iframe to match up with the picture on the main page, but I can't use transparent scrollbars within the iframe so it tends to look tacky. And I want to use the image slicing because I want all resolutions to be able to see it and have it centered. Can anyone help to where I can overlay the iframe onto the picture in cell 2 without absolute positioning?<!--content-->make the img in the cell as the cell background instead, then make the iframe transparent<!--content-->
<br />
So I sliced an image into different parts using tables, and I wanted to use an iframe in one of the "slices". I wanted the image and the iframe in the same cell together, because I wanted a transparent iframe and scrollbar. But every time that I try to put them in the same cell, they don't layer over eachother, they stack on top of eachother, thus ruining the cells and making the picture look out of proportion. My cells and images look like this:<br />
<br />
<TABLE WIDTH=706 BORDER=0 CELLPADDING=0 CELLSPACING=0><br />
<TR><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_01.jpg" WIDTH=290 HEIGHT=174></TD><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_02.jpg" WIDTH=281 HEIGHT=174><br />
<iframe src=http://www.htmlforums.com/archive/index.php/"main.htm" height="174" width="281" name="frame" frameborder="0" style="filter:chroma(color=000001)"></iframe></TD><br />
</TD><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_03.jpg" WIDTH=135 HEIGHT=174></TD><br />
</TR><br />
<TR><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_04.jpg" WIDTH=290 HEIGHT=163></TD><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_05.jpg" WIDTH=281 HEIGHT=163></TD><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_06.jpg" WIDTH=135 HEIGHT=163></TD><br />
</TR><br />
<TR><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_07.jpg" WIDTH=290 HEIGHT=70></TD><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_08.jpg" WIDTH=281 HEIGHT=70></TD><br />
<TD><br />
<IMG SRC=http://www.htmlforums.com/archive/index.php/"images/chii_09.jpg" WIDTH=135 HEIGHT=70></TD><br />
</TR><br />
</TABLE><br />
<br />
I tried using a background in the iframe to match up with the picture on the main page, but I can't use transparent scrollbars within the iframe so it tends to look tacky. And I want to use the image slicing because I want all resolutions to be able to see it and have it centered. Can anyone help to where I can overlay the iframe onto the picture in cell 2 without absolute positioning?<!--content-->make the img in the cell as the cell background instead, then make the iframe transparent<!--content-->