Iframe Help

kee123 · #1 (**permalink**) 04-17-05, 07:12 AM

Hey, i'm new here and i was wondering if you guys could help.

http://kuff.myserverguy.com/index2.html

On the site above, to the right of the news box, i wish to have THIS .

However i don't want it to be just an image, i want the area inside the Feature box to be a seperate html file, so you can click links etc.

Could anyone do this for me or show me how to do it?

Thanks in advance.

#2 (**permalink**) 04-17-05, 09:38 AM

use another iframe, inside a tabled layout

kee123 · #3 (**permalink**) 04-20-05, 03:00 AM

eh? I don't get what you mean.

Codename_Delta · #4 (**permalink**) 04-24-05, 06:05 PM

Code:

<html><head>
<style type="text/css">

v {font-family: verdana}
v {font-size: 75%}
#content {
   height:100%;
   background:#000;
   color:#fff;
   margin:0px 20px;
   } 

</style>
<title>Kuff</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head> 
<body leftmargin="0" topmargin="0" background="bg.jpg" bgcolor="#E3E3E3" marginheight="0" marginwidth="0">
<center>



<!-- ImageReady Slices (kuff_layout.gif) -->
<br><table id="Table_01" border="0" cellpadding="0" cellspacing="0"  style="margin:0px auto; width:740px;">
	<tbody><tr>
		<td colspan="6">
			<img src="header_new.jpg" alt="" width="740"></td>

	</tr>
   </tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0"  style="margin:0px auto; width:740px;">
	<tbody>
 <tr>
		<td>
			<img src="nav_1.jpg" alt="" height="30" width="58"></td>
		<td>

			<a href="index2.html"><img src="nav_2.jpg" border="0" alt="" height="30" width="110"></a></td>

		<td>
			 <a href="info.html"><img src="nav_3.jpg" border="0" alt="" height="30" width="145"></a></td>
		<td>
			 <a href="media.html"><img src="nav_4.jpg" border="0" alt="" height="30" width="173"></a></td>
		<td>
			 <a href="404.html"><img src="nav_5.jpg" border="0" alt="" height="30" width="188"></td>
		<td>

			<img src="nav_6.jpg" border="0" alt="" height="30" width="66"></td>
	</tr>
	     
      <tr> 
        <td bgcolor="#000" colspan="6" height="350">
<div id="content"><br><br>
<table bgcolor=black width="450"  border="0" cellspacing="2" cellpadding="0">
  <tr>
    <td><img src="news.jpg" width="179" height="32"></td>
  </tr>
  <tr>

    <td><table width="100%" style=" border-style:none; border-width: thin" border=0 cellspacing="0" cellpadding="0">
  <tr>
    <td width="200"><iframe name=main src=news.html width=200 border=0 frameborder="0" height=200></iframe></td>
    <td width="200"><!-- *****EDIT THIS LINE***** --><iframe src=yourfile.html width="150" height="200"></iframe>  </td>
  </tr>
</table>
</td>
  </tr>
</table>
            </div>
        </td>
        </tr>
	<tr>

		<td colspan="6">
			<img src="footer.jpg" alt="" height="35" width="740"></td>
	</tr>
</tbody></table>
<!-- End ImageReady Slices -->
<br><a href="http://MyServerGuy.com"><img src="msg.jpg" border = "0" alt="Bringing
more flavor to the
web" /><br /><span style="color:#FBA707;">Hosted by MyServerGuy</span></a>
</center>
</body></html>

Copy this code and place into your index.html, this is the source code from your site, so all links should still work, though I suggest you make a backup uf your index.html before placing this code in it to be safe.

** Be sure to edit the line where it says

Code:

<!-- *****EDIT THIS LINE***** -->