php - Navigation table not aligning properly in Chrome -
on 1 of old sites, has pretty messy , outdated code, having problems navigation menu in chrome. aligns in firefox , ie reason in chrome first 3 tabs centered.
<table width="765" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
<td valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td width="19%"><a href="http://link"><img src="http://link" alt="" width="331" height="95" border="0"></a></td> <td width="81%"><img src="http://link/images/logo.jpg" alt="" width="434" height="95"></td> </tr> </table> </td>
<td valign="top" class="back1"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td width="1%"><img src="http://link/images/left-top.jpg" width="23" height="30" alt=""></td> <td width="98%" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="90%" class="left-text11"><div align="center"><a href="http://link" title="" class="left-text11"> home</a></div></td> <td width="10%"><img src="http://link/images/line1.jpg" width="8" height="30" alt=""></td> </tr> </table></td> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="90%" class="left-text11"><div align="center" class="left-text11"> <? if(!$_session['sbprj_userid']) { ?><a href="http://link/register/" title="registration" class="left-text11"><strong>signup</strong></a> <? }else { ?><a href="http://link/myaccount.php" title="my account" class="left-text11">my account</a> <? } ?></div></td> <td width="10%"><img src="http://link/images/line1.jpg" width="8" height="30" alt=""></td> </tr> </table></td> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" width="90%" class="left-text11"><div align="center"><a href="http://link/free-poker-money/" title="get free poker money" class="left-text11">free poker money </a></div></td> </tr> </table></td> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="10%"><img src="http://link/images/line1.jpg" width="8" height="30" alt=""></td> </tr> </table></td> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" width="90%" class="left-text11"><div align="center"><a href="http://link//" title="" class="left-text11">poker school</a></div></td> </tr> </table></td> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="10%"><img src="http://link/images/line1.jpg" width="8" height="30" alt=""></td> </tr> </table></td> <td class="left-text11"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="90%" class="left-text11"><div align="center"><a href="http://link/news/" title="news" class="left-text11">news </a></div></td> <td width="10%"><img src="http://link/images/line1.jpg" width="8" height="30" alt=""></td> </tr> </table></td> <td class="left-text11"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="90%" class="left-text11"><div align="center"><a href="http://link/support/" title="contact us" class="left-text11">support </a></div></td> <td width="10%"><img src="http://link/images/line1.jpg" width="8" height="30" alt=""></td> </tr> </table></td> <td class="left-text11"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="90%" class="left-text11"><div align="center"><a href="http://www.facebook.com/pokercash4free" target="_blank" title="facebook" class="left-text11"><img src="http://link/images/facebook.png" border="0" width="28" height="25" /></a> <a href="https://twitter.com/pokercashfofree" target="_blank" title="twitter" class="left-text11"><img src="http://link/images/twitter.png" border="0" width="28" height="25" /></a> <a href="https://plus.google.com/u/0/b/112112204165108610596/112112204165108610596/" target="_blank" title="google+" class="left-text11"><img src="http://link/images/googleplus.png" border="0" width="28" height="25" /></a></div></td> </tr> </table></td> </tr> </table></td> <td width="1%"><img src="http://link/images/right-top.jpg" width="24" height="30" alt=""></td> </tr> </table></td>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td width="1%"><img src="http://link/images/top-1.jpg" width="23" height="17" alt=""></td> <td width="98%" class="back2"><img src="http://link/images/back2.jpg" width="9" height="17" alt=""></td> <td width="1%"><img src="http://link/images/right-1.jpg" width="24" height="17" alt=""></td> </tr> </table></td>
this code, suggestions on how fix ?
there mess separators.
separators inside table(horizontal table tabs, way, should put table fiddle , code, not whole mess making harder understand) cells, other separators come alone in separate column, therefore taking same place column. check , move them, it's done in first 2 tabs
Comments
Post a Comment