placing an i frame in an html file

Help with html/xhtml, css, javascript and other related topics.

Moderator: Moderators

placing an i frame in an html file

Postby Subz on Sun May 21, 2006 6:02 pm

I am trying to place an iframe in a html file but no matter where i place it messes up either;

images at the top
makes the page alot longer
moves the bottom naigation to the right
put the iframe on the left


the link is http://www.subzonline.com

what i wish to do is put the iframe next to the custom spacers


here is my html document
Code: Select all
<html>
<head>
<title>SUBZONLINE.COM - WEBSITE COMING SOON! CHECK BACK!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="website.css" type="text/css" />
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (subzonline2.psd) -->
<div align="center">
  <table id="Table_01" width="678" height="760" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
     <tr>
        <td width="192" rowspan="3">
           <a href="http://www.ukflavas.com"><img src="../images/ukflavas_01.jpg" alt="Designed By Dj Lickal E aka UkF Designs" width="192" height="16" border="0"></a></td>
        <td width="109" rowspan="3">
           <img src="../images/ukflavas_02.jpg" width="109" height="16" alt=""></td>
        <td height="4" colspan="7">
           <img src="../images/ukflavas_03.jpg" width="376" height="4" alt=""></td>
        <td width="1">
           <img src="../images/spacer.gif" width="1" height="4" alt=""></td>
     </tr>
     <tr>
        <td width="94" height="8">
           <a href="../phpservices.htm"><img src="../images/ukflavas_04.jpg" alt="PHPBB Services" width="94" height="8" border="0"></a></td>
        <td colspan="2">
           <a href="../hosting.htm"><img src="../images/ukflavas_05.jpg" alt="Hosting Services" width="109" height="8" border="0"></a></td>
        <td width="62">
           <a href="../contact.htm"><img src="../images/ukflavas_06.jpg" alt="Contact" width="62" height="8" border="0"></a></td>
        <td colspan="2">
           <a href="../advertise.htm"><img src="../images/ukflavas_07.jpg" alt="Advertise" width="67" height="8" border="0"></a></td>
        <td width="44">
           <a href="../links.htm"><img src="../images/ukflavas_08.jpg" alt="Links" width="44" height="8" border="0"></a></td>
        <td>
           <img src="../images/spacer.gif" width="1" height="8" alt=""></td>
     </tr>
     <tr>
        <td colspan="7" rowspan="2">
           <img src="../images/ukflavas_09.jpg" width="376" height="60" alt=""></td>
        <td height="4">
           <img src="../images/spacer.gif" width="1" height="4" alt=""></td>
     </tr>
     <tr>
        <td height="56" colspan="2">
           <a href="http://www.subzonline.com"><img src="../images/ukflavas_10.jpg" alt="SubzOnline.Com" width="301" height="56" border="0"></a></td>
        <td>
           <img src="../images/spacer.gif" width="1" height="56" alt=""></td>
     </tr>
     <tr>
        <td colspan="4" rowspan="8">
           <img src="../images/ukflavas_11.jpg" width="497" height="259" alt=""></td>
        <td height="8" colspan="5">
           <img src="../images/ukflavas_12.jpg" width="180" height="8" alt=""></td>
        <td>
           <img src="../images/spacer.gif" width="1" height="8" alt=""></td>
     </tr>
     <tr>
        <td height="27" colspan="3">
           <a href="../index.htm"><img src="../images/ukflavas_13.jpg" alt="Home" width="133" height="27" border="0"></a></td>
        <td colspan="2" rowspan="4">
           <img src="../images/ukflavas_14.jpg" width="47" height="106" alt=""></td>
        <td>
           <img src="../images/spacer.gif" width="1" height="27" alt=""></td>
     </tr>
     <tr>
        <td height="27" colspan="3">
           <a href="../media.htm"><img src="../images/ukflavas_15.jpg" alt="Media" width="133" height="27" border="0"></a></td>
        <td>
           <img src="../images/spacer.gif" width="1" height="27" alt=""></td>
     </tr>
     <tr>
        <td height="26" colspan="3">
           <a href="../gallery.htm"><img src="../images/ukflavas_16.jpg" alt="Gallery" width="133" height="26" border="0"></a></td>
        <td>
           <img src="../images/spacer.gif" width="1" height="26" alt=""></td>
     </tr>
     <tr>
        <td height="26" colspan="3">
           <a href="../interviews.htm"><img src="../images/ukflavas_17.jpg" alt="Interviews" width="133" height="26" border="0"></a></td>
        <td>
           <img src="../images/spacer.gif" width="1" height="26" alt=""></td>
     </tr>
     <tr>
        <td height="28" colspan="5">
           <a href="../radio.htm"><img src="../images/ukflavas_18.jpg" alt="Internet Radio" width="180" height="28" border="0"></a></td>
        <td>
           <img src="../images/spacer.gif" width="1" height="28" alt=""></td>
     </tr>
     <tr>
        <td height="15" colspan="3">
           <a href="/forums/"><img src="../images/ukflavas_19.jpg" alt="Launch Forums" width="133" height="15" border="0"></a></td>
        <td colspan="2">
           <img src="../images/ukflavas_20.jpg" width="47" height="15" alt=""></td>
        <td>
           <img src="../images/spacer.gif" width="1" height="15" alt=""></td>
     </tr>
     <tr>
        <td height="102" colspan="5">
           <img src="../images/ukflavas_21.jpg" width="180" height="102" alt=""></td>
        <td>
           <img src="../images/spacer.gif" width="1" height="102" alt=""></td>
     </tr>
     <tr>
        <td colspan="9" rowspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
          <!--DWLayoutTable-->
          <tr>
            <td width="461" height="40" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <!--DWLayoutTable-->
              <tr>
                <td width="461" height="40" valign="top"><img src="../images/page_title/home.jpg" alt="PHP Services" width="345" height="40"></td>
               </tr>
                           </table></td>
             <td width="17">&nbsp;</td>
             <td width="200" valign="top"><table width="100%" border="0" cellpadding="10" cellspacing="0">
               <!--DWLayoutTable-->
               <tr>
                 <td width="180" height="40">&nbsp;</td>
                </tr>
              </table></td>
           </tr>
          <tr>
            <td height="669" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <!--DWLayoutTable-->
              <tr>
                <td width="8" height="91">&nbsp;</td>
               
                  <td width="14">&nbsp;</td>
               </tr>
              <tr>
                <td height="568" colspan="3" valign="top"><table width="100%" border="0" cellpadding="10" cellspacing="0">
                    <!--DWLayoutTable-->
                    <tr>
                      <td width="441" height="140" valign="top"> </td>
                 </tr>
                    <tr>
                      <td height="40" valign="top"><div align="left"><img src="../images/custom_spacer.jpg" width="392" height="20"></div></td>
                     </tr>
                    <tr>
                      <td height="140" valign="top"> </td>
                 </tr>
                    <tr>
                      <td height="40" valign="top"><div align="left"><img src="../images/custom_spacer.jpg" width="392" height="20"></div></td>
                 </tr>
                    <tr>
                      <td height="140" valign="top"> </td>
                 </tr>
                    <tr>
                      <td height="40" valign="top"><div align="left"><img src="../images/custom_spacer.jpg" width="392" height="20"></div></td>
                     </tr>
                    <tr>
                      <td height="38">&nbsp;</td>
                     </tr>
                                                      </table></td>
                </tr>
                                                                                                 </table></td>
             <td>&nbsp;</td>
              <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <!--DWLayoutTable-->
              <tr>
                <td width="200" height="669">&nbsp;</td>
              </tr>
                            </table></td>
            </tr>
          <tr>
            <td height="33" colspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <!--DWLayoutTable-->
              <tr>
                <td width="678" height="18" valign="top"><div align="center"><SPAN class=copyright><SPAN class=gensmall>Copyright &copy; SubzOnline </SPAN></SPAN>2006 <a href="http://www.ukflavas.com">Designed By Dj Lickal E aKa UkF</a>. </div></td>
               </tr>
              <!--DWLayoutTable-->
              <tr>
                <td height="15" align="center" valign="middle"><div align="center"><a href="../contact.htm">Contact</a> - <a href="../sitedesigner.htm">Site Designer</a> - <a href="../advertise">Advertise</a> - <a href="../links">Links</a> - <a href="../phpservices">phpbb Services</a> - <a href="../hosting">Hosting Services</a> </div></td>
               </tr>
             </table></td>
            </tr>
         </table></td>
        <td height="428">
           <img src="../images/spacer.gif" width="1" height="428" alt=""></td>
     </tr>
     <tr>
        <td height="210"></td>
     </tr>
     <tr>
       <td height="1"></td>
       <td></td>
       <td></td>
       <td width="102"></td>
       <td width="7"></td>
       <td></td>
       <td width="64"></td>
       <td width="4"></td>
       <td></td>
       <td></td>
    </tr>
  </table>
  <!-- End ImageReady Slices -->
</div>
</body>
</html>



here is the code for the iframe
Code: Select all
<tr>
                <td width="200" height="563" valign="top"><iframe src="rightframe.htm" width="214" height="563" scrolling="yes" frameborder="0" ></iframe></td>
                </tr>
              <tr>
                <td height="28">&nbsp;</td>
               </tr>
              <tr>
                <td height="78" valign="top"><span class="style2"><span class="style3">Any problems/questions about<br>
this website please email our <br>
designer for help etc. </span><br>
                                                                                                                                                                                    </span><br>
                  <span class="style1">Email:</span> <a href="mailto:webmaster@ukflavas.com">webmaster@ukflavas.com</a></td>
                </tr>
                            </table></td>
            </tr>


if anyone can help me where to place the frame i would be most grateful
User avatar
Subz
Registered User
Registered User
 
Posts: 924
Joined: Sat Aug 21, 2004 12:54 am
Location: North London

Return to (X)HTML Coding

Who is online

Users browsing this forum: No registered users and 2 guests