jkkenzie Posted December 21, 2009 Share Posted December 21, 2009 When you type a line of joined characters on the cell with "Updating.........." without space, the entire row goes beyond the table with. Any idea? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Hill Liberty Consultants</title> <link rel="stylesheet" href="./css/style.css" /> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head> <body> <table align="center" height="900px" class="main"> <tr><td valign="top" align="center"> <table width="763" cellpadding="0" cellspacing="0" style=" max-width:700px;"> <tr> <td width="20px"> </td> <td align="center"> <table width="757px" cellpadding="0" cellspacing="0" class="content"> <tr><td height="119px" align="center"> <table width="94%"> <tr><td height="75px" width="40%" align="left" valign="top"> <p><font color="#000000" size="+3" pointsize="500px"><b>HILL LIBERTY</b></font></p> <p><font color="#000000" size="4">CONSULTANTS LIMITED</font></p></td> <td align="center"><p><font color="#FF5F11"><b><u>“Providing excellent innovative social welfare financial solutions”</u></b></font></p> </td></tr></table> </td></tr> <tr> <td class="contentbgcenter" align="center"> <table width="99%"><tr> <td class="menu" align="left" width="40%"> <table width="158" align="center" cellpadding="5"> <tr><td><a href="./index.php"><img src="images/home.gif" width="16" height="16" border="0" /></a></td><td align="left"><a href="./index.php">HOME</a></td></tr> <tr><td><a href="./about.php"><img src="images/doc.gif" width="24" height="24" align="absmiddle" border="0" /></a></td><td align="left"><a href="./about.php">ABOUT US</a></td></tr> <tr><td><a href="./management.php"><img src="images/mgmt.gif" width="24" height="24" border="0" /></a></td><td align="left"><a href="./management.php">MANAGEMENT</a></td></tr> <tr><td><a href="./news.php"><img src="images/news.gif" width="20" height="38" border="0" /></a></td><td align="left"><a href="./news.php">NEWS/EVENTS</a></td></tr> <tr><td><a href="./contact.php"><img src="images/cons.gif" width="24" height="24" border="0" /></a></td><td align="left"><a href="./contact.php">CONTACT US</a></td></tr> </table> </td> <td align="center" width="60%"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','543','height','197','accesskey','12','tabindex','232','title','banner','src','images/banner','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','none','movie','images/banner' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="543" height="197" accesskey="12" tabindex="232" title="banner"> <param name="movie" value="images/banner.swf" /> <param name="quality" value="high" /> <param name="wmode" value="none" /> <embed src="images/banner.swf" width="543" height="197" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode=""></embed> </object> </noscript></td> </tr> <tr><td valign="top"> <table class="productsbg"> <tr><td width="175" align="center"><font color="#40616A" size="3"><b>New Products </b></font></td> </tr> <tr><td class="productsbg2" width="175" align="left" valign="top"> <table width="175"> <tr><td valign="top"><img src="images/arrow.gif" width="11" height="7" border="0" /></td> <td>Updating..........</td> </tr> <tr><td valign="top"><img src="images/arrow.gif" width="11" height="7" border="0" /></td><td>Updating..........</td></tr> <tr><td valign="top"><img src="images/arrow.gif" width="11" height="7" border="0" /></td><td>Updating..........</td></tr> </table> </td></tr> </table> </td><td align="center" valign="top"> <table width="100%" align="center" cellpadding="0" cellspacing="0"> <tr><td align="center" class="contentRound" > </td></tr> <tr><td align="center" class="contentRound2"> <table><tr><td> Contents Go here.... Down Forever</td></tr></table> </td></tr> <tr><td align="center" class="contentRound3" > </td></tr> </table> </td></tr> </table> </td> </tr> <tr><td class="footer" align="center">Copyright© Hill Liberty Consultants</td></tr> </table> </td> <td width="20px"> </td> </tr> </table> </td></tr> </table> </body> </html> Quote Link to comment Share on other sites More sharing options...
vinpkl Posted December 21, 2009 Share Posted December 21, 2009 your <td> had a width of 175px. if you will type any word that is above 175px in width without any space between characters, it will everytime disturb your layout. if you have space between two words and words are of smaller width then this will not happen vineet Quote Link to comment Share on other sites More sharing options...
Virvo Posted December 23, 2009 Share Posted December 23, 2009 to stop this you can do something like overflow: hidden with CSS. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.