Just set-upped my av arcade site. Though I still want the sidebar placed on the right so search engines would crawl the content first. Here's the code that I'm currently using. <!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=iso-8859-1" /> <link rel="stylesheet" href="<? echo "$site_url$template_url"?>/style.css" type="text/css"> <title><? echo "".$site_name." - "; titel();?></title> <style type="text/css"> <!-- body { background-color: #50e4ff; background-image: url(<? echo "$site_url"?>/templates/default/images/back.png); background-repeat: repeat-x; } #copyright { width:755px; background-image:url(<? echo "$site_url"?>/templates/default/images/menu.png); color:#FFFFFF; } .td1 { font-family:Arial, Helvetica, sans-serif; color:#003366; font-size:12px; text-align:left; font-weight:bold; } .td1 a { font-family:Arial, Helvetica, sans-serif; color:#003366; font-size:12px; } .td1 a:hover { color: #000; } --> .td2 { font-family:Arial, Helvetica, sans-serif; color:#555; padding-left:4px; font-size:9px; text-align:left;} .td2 a { font-family:Arial, Helvetica, sans-serif; color:#000000; padding-left:4px; font-size:9px;} .td2 a:hover { color: #000066; } .td3 { text-align:left;} .td4 { background-color: #336699;} .td5 { font-family:Arial, Helvetica, sans-serif; color:#555; padding-left:4px; font-size:9px;} .back {background-color: #ffffff; text-align:left;} .style1 { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; } --> </style> </head> <body> <div align="center"> <div id=mainback> <div align="center"> <table width="740" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div align="left"><span class="style2"><a href="<? echo $site_url;?>/"><img src="<? echo "$site_url"?>/templates/default/images/logo2.png" width="300" height="80" /></a></span></div></td> <td> </td> </tr> </table></td> </tr> <tr> <td width="150" valign="top"><div id=menuitem align="center"> <div class="style4" id=itemheader>Games</div> <? load_menu();?> </div><br /> <div id=menuitem align="center"> <div class="style4" id=itemheader>Pages</div> <? load_menu_pages();?> </div><br /> <div id=menuitem align="center"><div class="style4" id=itemheader>User area</div> <? usermenu(); ?> </div> <div id=menuitem align="center"><div class="style4" id=itemheader>Stats</div> <? stats(); ?></div><br /> <div id=menuitem align="center"><div class="style4" id=itemheader>Most Popular</div> <? popular(); ?></div><br /> <div id=menuitem align="center"><div class="style4" id=itemheader>Newest</div><? newest(); ?></div> <br /> <div id=menuitem align="center"><div class="style4" id=itemheader>Player Rankings</div> <? players(); ?></div><br /> <div id=menuitem align="center"><div class="style4" id=itemheader>Search</div> <? include ('includes/from4search.php'); ?></div><br /> <div id=menuitem align="center"><div class="style4" id=itemheader>Links</div> <? links(); ?></div> <? if ($adsense == 1) { echo '<br /><div id=menuitem align="center"><div class="style4" id=itemheader>Ads</div>'; include ('./includes/adsense/vertical_banner.php'); echo '</div>';} ?> </td> <td width="590" valign="top"><div align="center"><div id=contentitem align="center"><div class="style3" id=itemheader><? titel();?></div> <? load_content();?> </div> </div></td> </tr> <tr> <td colspan="2"> </td> </tr> </table> </div></div> <div id=copyright><? include ('./includes/copyright.php'); ?></div> </body> </html> HTML: help would be appreciated and rep would be given
<td><div align="left"><span class="style2"><a href="<? echo $site_url;?>/"><img src="<? echo "$site_url"?>/templates/default/images/logo2.png" width="300" height="80" /></a></span></div></td> <td> </td> Code (markup): Try change that to: <td><div align="[B]right[/B]"><span class="style2"><a href="<? echo $site_url;?>/"><img src="<? echo "$site_url"?>/templates/default/images/logo2.png" width="300" height="80" /></a></span></div></td> <td> </td> Code (markup):
It's going to be a pain in the neck to change that layout since the tables have locked you into a single framework. Are you open to the prospect of a semantic markup (proper HTML and CSS) redesign?