Jump to content

Recommended Posts

I have two adjacent iframes (iframe1 and iframe2) on my main page. Iframe1 references an image from file1, and iframe2 references an image from file2. The image in file 1 is the left portion of a picture while the image in file2 is the right portion of the same picture. When displayed, I want the picture to appear as one complete picture. Unfortunately, there is a small space between the two halves of the image when I view it in a browser. I've tried setting borders, frameborders, margins, framespacing, etc to zero, but nothing seems to help. Any ideas what might be wrong? Below is the coding for iframe1:<iframe src="subnavigation.htm" name="subnavigation" width="150" height="339" framespacing="0" hspace="0" vspace="0" frameborder="0" border="0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>Your guidance would be much appreciated. Thanks.

Link to post
Share on other sites
<table cellpadding="0" cellspacing="0" border="0"><tr><td valign="top"><iframe src="frame2.htm" name="subnavigation" width="150" height="339" framespacing="0" hspace="0" vspace="0" frameborder="0" border="0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scrolling="no" /><br /></td><td valign="top"><iframe src="frame2.htm" name="subnavigation" width="150" height="339" framespacing="0" hspace="0" vspace="0" frameborder="0" border="0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scrolling="no" /><br /></td></tr></table>

Link to post
Share on other sites

Skemcin's code seems to have solved the problem with the gap between the adjacent iframes, but now I can't seem to add anything above or below the iframes. When I do, the iframe coding generates a line break (which the br tag is supposed to do, I guess). Any ideas out there? The current code looks like this:

<table width="800" cellpadding="0" cellspacing="0" border="0">    <tr>       <td valign="top"> <iframe src="subnavigation.htm" name="subnavigation" width="150" height="339" framespacing="0" frameborder="0" scrolling="no" /><br />      </td>      <td valign="top"> <iframe src="content.htm" name="content" width="550" height="339" framespacing="0" frameborder="0" scrolling="no" /><br />      </td>    </tr></table>

Link to post
Share on other sites

Try this:

<table width="800" cellpadding="0" cellspacing="0" border="0"><tr><td valign="top">Content above the subnavigation iframe<br /><br /><iframe src="subnavigation.htm" name="subnavigation" width="150" height="339" framespacing="0" frameborder="0" scrolling="no" /><br /><br />Content below the subnavigation iframe<br /></td><td valign="top">Content above the content iframe<br /><br /><iframe src="content.htm" name="content" width="550" height="339" framespacing="0" frameborder="0" scrolling="no" /><br /><br />Content below the content iframe<br /></td></tr></table>

However, if your content on top of either side is longer than the other, then your <iframes> will not start at teh same point. to get around this, just add a row at the top with two columns and/or a row at the bottom.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...