39 users online (0 members and 39 guests)  


  Results 1 to 3 of 3

Related

  1. Replies: 2
  2. Table layout without Tables    Forum: CSS Forum
    Replies: 9
  3. need help for table layout    Forum: HTML Forum
    Replies: 1
  4. Template Stretching with CSS    Forum: CSS Forum
    Replies: 1
  5. stretching table    Forum: HTML Forum
    Replies: 5
  1. #1
    hbass's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Mar 2004
    Location
    Colorado
    Posts
    71

    Need Help- Table/Template stretching out my layout!

    Hi all,
    I created a template with tables on it. The center cell is editable, and the two edge cells are menus. The problem is that when I add content to the center cell that causes the table to stretch, the menu also stretches, and I don't want it to. It doesn't do it on my mac, but on the pc it does. Yuck! Is anyone familiar with why tables do this, and how it can be prevented?
    Here is a link:
    http://63.225.252.5/wsa
    If you see on the home page, the menu is tight on the left, but click on company>management and you will see what the problem is. Any help is much appreciated!
    Thanks,
    Heidi


    Here is the code from the template's table:

    <table width="802" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
    <!--DWLayoutTable-->
    <!-- fwtable fwsrc="WSA_sitebg2-sliced.png" fwbase="WSA_sitebg2-sliced.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
    <tr>
    <td width="160" height="1"><img src="../WSA/images/spacer.gif" width="101" height="1" border="0" alt=""></td>
    <td width="81"><img src="../WSA/images/spacer.gif" width="81" height="1" border="0" alt=""></td>
    <td width="114"><img src="../WSA/images/spacer.gif" width="114" height="1" border="0" alt=""></td>
    <td width="81"><img src="../WSA/images/spacer.gif" width="38" height="1" border="0" alt=""></td>
    <td width="102"><img src="../WSA/images/spacer.gif" width="102" height="1" border="0" alt=""></td>
    <td colspan="2"><img src="../WSA/images/spacer.gif" width="196" height="1" border="0" alt=""></td>
    <td width="66"><img src="../WSA/images/spacer.gif" width="66" height="1" border="0" alt=""></td>
    <td width="1"><img src="../WSA/images/spacer.gif" width="1" height="1" border="0" alt=""></td>
    <td width="1"></td>
    </tr>
    <tr>
    <td rowspan="2"><a href="../WSA/index.htm"><img src="../WSA/images/header1.gif" alt="" name="header1" width="160" height="99" border="0" onMouseOver="P7_autoLayers(0)"></a></td>
    <td rowspan="2" colspan="4"><a href="../WSA/index.htm"><img src="../WSA/images/header2.gif" alt="" name="header2" width="378" height="99" border="0" onMouseOver="P7_autoLayers(0)"></a></td>
    <td height="80" colspan="3"><img src="../WSA/images/spacer.gif" width="262" height="76" border="0" alt=""></td>
    <td><img src="../WSA/images/spacer.gif" width="1" height="80" border="0" alt=""></td>
    <td></td>
    </tr>
    <tr>
    <td height="19" colspan="3" bgcolor="#990033"><img src="../WSA/images/searchsite.gif" alt="" name="searchsite" width="262" height="19" border="0" onMouseOver="P7_autoLayers(0)"></td>
    <td><img src="../WSA/images/spacer.gif" width="1" height="19" border="0" alt=""></td>
    <td></td>
    </tr>
    <tr>
    <td height="21" bgcolor="#990033"><img src="../WSA/images/topofLeftNav.gif" alt="" name="topofLeftNav" width="160" height="21" border="0" onMouseOver="P7_autoLayers(0)"></td>
    <td bgcolor="#990033"><img src="../WSA/images/company.gif" alt="" name="company" width="81" height="21" border="0" onMouseOver="P7_autoLayers(0,'companydropdown');MM_swapImage('company','','../WSA/images/company-over.gif',1);P7_Snap('company','companydropdown',0,21)" onMouseOut="MM_swapImgRestore()"></td>
    <td bgcolor="#990033"><img src="../WSA/images/pressroom.gif" alt="" name="pressroom" width="114" height="21" border="0" onMouseOver="MM_swapImage('pressroom','','../WSA/images/pressroom-over.gif',1);P7_autoLayers(0,'pressroomdropdown');P7_Snap('pressroom','pressroomdropdown',0,21)" onMouseOut="MM_swapImgRestore()"></td>
    <td bgcolor="#990033"><img src="../WSA/images/careers.gif" alt="" name="careers" width="81" height="21" border="0" onMouseOver="MM_swapImage('careers','','../WSA/images/careers-over.gif',1);P7_autoLayers(0)" onMouseOut="MM_swapImgRestore()"></td>
    <td bgcolor="#990033"><img src="../WSA/images/contactus.gif" alt="" name="contactus" width="102" height="21" border="0" onMouseOver="MM_swapImage('contactus','','../WSA/images/contactus-over.gif',1);P7_autoLayers(0,'contactdropdown');P7_Snap('contactus','contactdropdown',0,21)" onMouseOut="MM_swapImgRestore()"></td>
    <td colspan="3" bgcolor="#990033"><img src="../WSA/images/rightsidebottom.gif" alt="" name="rightsidebottom" width="262" height="21" border="0" onMouseOver="P7_autoLayers(0)"></td>
    <td><img src="../WSA/images/spacer.gif" width="1" height="21" border="0" alt=""></td>
    <td></td>
    </tr>
    <tr>
    <td rowspan="3" bgcolor="#990033"><img src="../WSA/images/myaircraftis.gif" name="myaircraftisa" width="160" height="51" id="myaircraftisa" onMouseOver="MM_swapImage('Image1','','../WSA/images/myaircraftis-over.gif',1);P7_autoLayers(0,'airframes');P7_Snap('myaircraftisa','airframes',160,25)" onMouseOut="MM_swapImgRestore()"></td>
    <td height="21" colspan="5" valign="top" bgcolor="#CCCCCC" class="breadcrumb" onMouseOver="P7_autoLayers(0)"><a href="../WSA/index.htm">home</a> &gt;</td>
    <td colspan="2" rowspan="2" valign="bottom" bgcolor="#990033" onMouseOver="P7_autoLayers(0)"><!-- TemplateBeginEditable name="EditRegion8" -->Headline<!-- TemplateEndEditable --></td>
    <td rowspan="3"><img src="../WSA/images/spacer.gif" width="1" height="51" border="0" alt=""></td>
    <td></td>
    </tr>
    <tr>
    <td colspan="5" rowspan="11" valign="top" bgcolor="#ffffff" onMouseOver="P7_autoLayers(0)"><!-- TemplateBeginEditable name="EditRegion1" -->EditRegion1<!-- TemplateEndEditable --></td>
    <td height="21"></td>
    </tr>
    <tr>
    <td colspan="2" rowspan="10" valign="top"><!-- TemplateBeginEditable name="EditRegion9" -->Rt
    Menu<!-- TemplateEndEditable --><br>
    <img src="../WSA/images/RTblank.gif" width="129" height="19"><br>
    <img src="../WSA/images/RTbottom.gif" width="129" height="26"></td>
    <td height="21"></td>
    </tr>
    <tr>
    <td height="33" bgcolor="#990033"><img src="../WSA/images/capabilities.gif" alt="" name="capabilities" width="160" height="29" border="0" onMouseOver="P7_autoLayers(0,'capabilitiesdropdown');P7_Snap('capabilities','capabilitiesdropdown',160,0);MM_swapImage('capabilities','','../WSA/images/capabilities-over.gif',1)" onMouseOut="MM_swapImgRestore()"></td>
    <td><img src="../WSA/images/spacer.gif" width="1" height="29" border="0" alt=""></td>
    <td></td>
    </tr>
    <tr>
    <td height="29" bgcolor="#990033"><img src="../WSA/images/fboServices.gif" alt="" name="fboServices" width="160" height="29" border="0" onMouseOver="P7_autoLayers(0);MM_swapImage('fboServices','','../WSA/images/fboServices-over.gif',1)" onMouseOut="MM_swapImgRestore()"></td>
    <td><img src="../WSA/images/spacer.gif" width="1" height="29" border="0" alt=""></td>
    <td></td>
    </tr>
    <tr>
    <td height="29" bgcolor="#990033"><img src="../WSA/images/oemAffiliates.gif" alt="" name="oemAffiliates" width="160" height="29" border="0" onMouseOver="P7_autoLayers(0);MM_showMenu(window.mm_menu_0608095846_0,160,0,null,'oemAffiliates');MM_swapImage('oemAffiliates','','../WSA/images/oemAffiliates-over.gif',1)" onMouseOut="MM_startTimeout();MM_swapImgRestore()"></td>
    <td><img src="../WSA/images/spacer.gif" width="1" height="29" border="0" alt=""></td>
    <td></td>
    </tr>
    <tr>
    <td height="32" bgcolor="#990033"><img src="../WSA/images/customertestamonial.gif" alt="" name="customertestamonial" width="160" height="32" border="0" onMouseOver="MM_swapImage('customertestamonial','','../WSA/images/customertestamonial-ov.gif',1)" onMouseOut="MM_swapImgRestore()"></td>
    <td><img src="../WSA/images/spacer.gif" width="1" height="32" border="0" alt=""></td>
    <td></td>
    </tr>
    <tr>
    <td height="21" valign="top" bgcolor="#990033"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td rowspan="2"><img src="../WSA/images/spacer.gif" width="1" height="38" border="0" alt=""></td>
    <td></td>
    </tr>
    <tr>
    <td rowspan="2" valign="top"><img name="leftNavEnd" src="../WSA/images/leftNavEnd.gif" width="160" height="38" border="0" alt=""></td>
    <td height="21"></td>
    </tr>
    <tr>
    <td rowspan="2"><img src="../WSA/images/spacer.gif" width="1" height="118" border="0" alt=""></td>
    <td height="25"></td>
    </tr>
    <tr>
    <td rowspan="3" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td height="93"></td>
    </tr>
    <tr>
    <td height="74"><img src="../WSA/images/spacer.gif" width="1" height="28" border="0" alt=""></td>
    <td></td>
    </tr>
    <tr>
    <td height="28" colspan="8" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td></td>
    </tr>
    <tr>
    <td height="34" colspan="7" valign="top"><img src="../WSA/images/bottomtext.gif" alt="" name="bottomtext" width="633" height="34" border="0" align="right"></td>
    <td rowspan="2" valign="top" bgcolor="#ffffff"><a href="#"><img src="../WSA/images/rwcbug2.gif" width="66" height="40" border="0" onClick="MM_openBrWindow('http://www.ryanwhitney.com','','')"></a></td>
    <td><img src="../WSA/images/spacer.gif" width="1" height="34" border="0" alt=""></td>
    <td></td>
    </tr>
    <tr>
    <td height="18" colspan="7" bgcolor="#ffffff"><div align="right"><img src="../WSA/images/FAARepairnumber.gif" width="633" height="18"></div></td>
    <td><img src="../WSA/images/spacer.gif" width="1" height="18" border="0" alt=""></td>
    <td></td>
    </tr>
    <tr>
    <td height="0"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td width="133"></td>
    <td width="63"></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    </table>
    Last edited by HTML; 03-20-2007 at 12:30 PM.

  2. #2
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel
    What you are looking for is called "nested tables". Here is a post I made to somebody else who also needed nested tables
    http://www.ahfb2000.com/webmaster_help_desk/showpost.php?p=2788&postcount=4

    Dave

  3. #3
    hbass's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Mar 2004
    Location
    Colorado
    Posts
    71
    Thanks Dave!



Tags for this Thread