Layout not working

[Squeakypants]

I have a table that looks like this:
------
| |__|
|_|__|
|x| y|

I have two iframes, one in x, one in y. For some reason, the "y" iframe is going under the x instead of next to it. I'm using dreamweaver, but I know almost every web language without it. help!

[QuietDean]

Hi there, welcome to the forums.

I cannot help without seeing your code. Do you have a link?

[Squeakypants]

Here's my code, but I don't have it on the web right now:

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#750000">
  <!--DWLayoutTable-->
  <tr> 
    <td width="201" rowspan="2" align="center" valign="middle" bgcolor="#750000"> 
      <div align="center"> 
        <h5> 
          <embed src="msp.swf" width="188" height="268" /></h5>
      </div></td>
    <td width="100%" height="219" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
  </tr>
  <tr> 
    <td height="63" align="left" valign="bottom"> 
      <script language="JavaScript1.2" type="text/javascript">mmLoadMenus();</script> 
      <table border="0" cellpadding="0" cellspacing="0" width="597">
        <!-- fwtable fwsrc="menu.png" fwbase="menu.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
        
        <tr> 
          <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','navbar1','menu_r1_c1','menu_r1_c1_f3.gif',1);" onmouseover="MM_nbGroup('over','menu_r1_c1','menu_r1_c1_f2.gif','menu_r1_c1_f4.gif',1);" onmouseout="MM_nbGroup('out');"><img name="menu_r1_c1" src="menu_r1_c1.gif" width="119" height="59" border="0" id="menu_r1_c1" alt="" /></a></td>
          <td><a href="javascript:;" target="main" onmouseout="MM_nbGroup('out');MM_startTimeout();" onmouseover="MM_showMenu(window.mm_menu_0027145032_0,-130,59,null,'menu_r1_c2');MM_nbGroup('over','menu_r1_c2','menu_r1_c2_f2.gif','menu_r1_c2_f4.gif',1);" onclick="MM_nbGroup('down','navbar1','menu_r1_c2','menu_r1_c2_f3.gif',1);"><img name="menu_r1_c2" src="menu_r1_c2.gif" width="120" height="59" border="0" id="menu_r1_c2" alt="" /></a></td>
          <td><a href="javascript:;" target="main" onmouseout="MM_nbGroup('out');MM_startTimeout();" onmouseover="MM_showMenu(window.mm_menu_0027145709_1,-52,59,null,'menu_r1_c3');MM_nbGroup('over','menu_r1_c3','menu_r1_c3_f2.gif','menu_r1_c3_f4.gif',1);" onclick="MM_nbGroup('down','navbar1','menu_r1_c3','menu_r1_c3_f3.gif',1);"><img name="menu_r1_c3" src="menu_r1_c3.gif" width="119" height="59" border="0" id="menu_r1_c3" alt="" /></a></td>
          <td><a href="jmtv.htm" target="main" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','menu_r1_c4','menu_r1_c4_f2.gif','menu_r1_c4_f4.gif',1);" onclick="MM_nbGroup('down','navbar1','menu_r1_c4','menu_r1_c4_f3.gif',1);"><img name="menu_r1_c4" src="menu_r1_c4.gif" width="120" height="59" border="0" id="menu_r1_c4" alt="" /></a></td>
          <td><a href="vault.htm" target="main" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','menu_r1_c5','menu_r1_c5_f2.gif','menu_r1_c5_f4.gif',1);" onclick="MM_nbGroup('down','navbar1','menu_r1_c5','menu_r1_c5_f3.gif',1);"><img name="menu_r1_c5" src="menu_r1_c5.gif" width="119" height="59" border="0" id="menu_r1_c5" alt="" /></a></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td align="center" valign="middle"> <iframe src="news.htm" width="201" height="347" frameborder="0" allowtransparency="true" /></td>
    <td align="center" valign="middle" height="350"> <iframe src="index2.htm" width="201" height="347" frameborder="0" allowtransparency="true" /></td>
  </tr>
</table>

[QuietDean]

Its hard to tell what you want the layout to look like, but the reason it looks the way it does is because of a lack of colspan's and that odd rowspan.

Try this -

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#750000">
  <!--DWLayoutTable-->
  <tr>
    <td width="201" align="center" valign="middle" bgcolor="#750000" colspan="2">
      <div align="center">
        <h5>
          <embed src="msp.swf" width="188" height="268" /></h5>
      </div></td>
    <td width="100%" height="219" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>

  </tr>
  <tr>
    <td height="63" align="left" valign="bottom" colspan="2">
      <script language="JavaScript1.2" type="text/javascript">mmLoadMenus();</script>
      <table border="0" cellpadding="0" cellspacing="0" width="597">

        <tr>
          <td><a href="java script:;" target="_top" onclick="MM_nbGroup('down','navbar1','menu_r1_c1','menu_r1_c1_f3.gif',1);" onmouseover="MM_nbGroup('over','menu_r1_c1','menu_r1_c1_f2.gif','menu_r1_c1_f4.gif',1);" onmouseout="MM_nbGroup('out');"><img name="menu_r1_c1" src="menu_r1_c1.gif" width="119" height="59" border="0" id="menu_r1_c1" alt="" /></a></td>
          <td><a href="java script:;" target="main" onmouseout="MM_nbGroup('out');MM_startTimeout();" onmouseover="MM_showMenu(window.mm_menu_0027145032_0,-130,59,null,'menu_r1_c2');MM_nbGroup('over','menu_r1_c2','menu_r1_c2_f2.gif','menu_r1_c2_f4.gif',1);" onclick="MM_nbGroup('down','navbar1','menu_r1_c2','menu_r1_c2_f3.gif',1);"><img name="menu_r1_c2" src="menu_r1_c2.gif" width="120" height="59" border="0" id="menu_r1_c2" alt="" /></a></td>
          <td><a href="java script:;" target="main" onmouseout="MM_nbGroup('out');MM_startTimeout();" onmouseover="MM_showMenu(window.mm_menu_0027145709_1,-52,59,null,'menu_r1_c3');MM_nbGroup('over','menu_r1_c3','menu_r1_c3_f2.gif','menu_r1_c3_f4.gif',1);" onclick="MM_nbGroup('down','navbar1','menu_r1_c3','menu_r1_c3_f3.gif',1);"><img name="menu_r1_c3" src="menu_r1_c3.gif" width="119" height="59" border="0" id="menu_r1_c3" alt="" /></a></td>
          <td><a href="jmtv.htm" target="main" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','menu_r1_c4','menu_r1_c4_f2.gif','menu_r1_c4_f4.gif',1);" onclick="MM_nbGroup('down','navbar1','menu_r1_c4','menu_r1_c4_f3.gif',1);"><img name="menu_r1_c4" src="menu_r1_c4.gif" width="120" height="59" border="0" id="menu_r1_c4" alt="" /></a></td>
          <td><a href="vault.htm" target="main" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','menu_r1_c5','menu_r1_c5_f2.gif','menu_r1_c5_f4.gif',1);" onclick="MM_nbGroup('down','navbar1','menu_r1_c5','menu_r1_c5_f3.gif',1);"><img name="menu_r1_c5" src="menu_r1_c5.gif" width="119" height="59" border="0" id="menu_r1_c5" alt="" /></a></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td align="center" valign="middle"> <iframe src="news.htm" width="201" height="347" frameborder="0" allowtransparency="true" /></td>
    <td align="center" valign="middle" height="350"> <iframe src="index2.htm" width="201" height="347" frameborder="0" allowtransparency="true" /></td>
  </tr>
</table>

It might not be what your after, so post back.

[Squeakypants]

Close but no cigar.

I want the news page to be under the swf logo, and i want the buttons to be over the main iFrame, then another cell above the buttons so I can put the banner there (not in the code yet, I haven't made the banner yet)

[QuietDean]

could you mark each td to say what should eb in there? its really hard to tell for me becuase I dont have those page contents.

[Squeakypants]

No problem:

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#750000">
  <!--DWLayoutTable-->
  <tr> 
    <td colspan="2" rowspan="2" align="center" valign="middle" bgcolor="#750000"> //animated monkey logo
      <div align="center"> 
        <h5> 
          <embed src="msp.swf" width="188" height="268" /></h5>
      </div></td>
    <td width="100%" height="219" valign="top"><img name="" src="" width="818" height="220" alt="" /></td> //other logo
  </tr>
  <tr>
    <td height="63" align="left" valign="bottom"> //menu
      <script language="JavaScript1.2" type="text/javascript">mmLoadMenus();</script> 
      <table border="0" cellpadding="0" cellspacing="0" width="597">
        <!-- fwtable fwsrc="menu.png" fwbase="menu.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
        
        <tr> 
          <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','navbar1','menu_r1_c1','menu_r1_c1_f3.gif',1);" onmouseover="MM_nbGroup('over','menu_r1_c1','menu_r1_c1_f2.gif','menu_r1_c1_f4.gif',1);" onmouseout="MM_nbGroup('out');"><img name="menu_r1_c1" src="menu_r1_c1.gif" width="119" height="59" border="0" id="menu_r1_c1" alt="" /></a></td>
          <td><a href="javascript:;" target="main" onmouseout="MM_nbGroup('out');MM_startTimeout();" onmouseover="MM_showMenu(window.mm_menu_0027145032_0,-130,59,null,'menu_r1_c2');MM_nbGroup('over','menu_r1_c2','menu_r1_c2_f2.gif','menu_r1_c2_f4.gif',1);" onclick="MM_nbGroup('down','navbar1','menu_r1_c2','menu_r1_c2_f3.gif',1);"><img name="menu_r1_c2" src="menu_r1_c2.gif" width="120" height="59" border="0" id="menu_r1_c2" alt="" /></a></td>
          <td><a href="javascript:;" target="main" onmouseout="MM_nbGroup('out');MM_startTimeout();" onmouseover="MM_showMenu(window.mm_menu_0027145709_1,-52,59,null,'menu_r1_c3');MM_nbGroup('over','menu_r1_c3','menu_r1_c3_f2.gif','menu_r1_c3_f4.gif',1);" onclick="MM_nbGroup('down','navbar1','menu_r1_c3','menu_r1_c3_f3.gif',1);"><img name="menu_r1_c3" src="menu_r1_c3.gif" width="119" height="59" border="0" id="menu_r1_c3" alt="" /></a></td>
          <td><a href="jmtv.htm" target="main" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','menu_r1_c4','menu_r1_c4_f2.gif','menu_r1_c4_f4.gif',1);" onclick="MM_nbGroup('down','navbar1','menu_r1_c4','menu_r1_c4_f3.gif',1);"><img name="menu_r1_c4" src="menu_r1_c4.gif" width="120" height="59" border="0" id="menu_r1_c4" alt="" /></a></td>
          <td><a href="vault.htm" target="main" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','menu_r1_c5','menu_r1_c5_f2.gif','menu_r1_c5_f4.gif',1);" onclick="MM_nbGroup('down','navbar1','menu_r1_c5','menu_r1_c5_f3.gif',1);"><img name="menu_r1_c5" src="menu_r1_c5.gif" width="119" height="59" border="0" id="menu_r1_c5" alt="" /></a></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td width="188" height="350" align="center" valign="middle"> <iframe src="news.htm" width="201" height="347" frameborder="0" allowtransparency="true" /></td> //news iFrame
    <td colspan="2" align="center" valign="middle"> <iframe src="index2.htm" width="201" height="347" frameborder="0" allowtransparency="true" /></td> //main iFrame
  </tr>
  <tr>
    <td height="0"></td>
    <td width="15"></td>
    <td></td>
  </tr>
  <tr>
    <td height="1"><img src="spacer2.gif" alt="" width="188" height="1" /></td>
    <td><img src="spacer2.gif" alt="" width="15" height="1" /></td>
    <td></td>
  </tr>
</table>

Sorry for wasting so much of your time. I have to go right now, but I'll be back in about an hour. Talk to you then!

[HTML]

It would probbably be helpful if you would put a test page together so it can be seen.

Dave

[Squeakypants]

Sure, but the images/animations will be blank.

EDIT: I've got to go, but thanks for all your help! If you can give me the answer by tommorrow I'd be very thankful! Talk to you tommorrow!

[QuietDean]

thanks for marking the areas, but I still cannot see which is news page etc

How about a zip containing all the different pages? Then it should all show nicely.

[Squeakypants]

Sure, but the Rollovers won't work, they are all images so it would be too big.

[HTML]

thread starter has been banned for repeated swearing, n reason to keep the post open.

Dave