Web Hosting Talk






PDA

View Full Version : Cyncronized Games Help

Stunt
03-02-2007, 09:29 PM
Hey, my friend owns a website who I help manage:

http://cyncronizedgames.com/

Now, the site works fine, but only on Firefox. In Internet Explorer, it gets all messed up. Also, sometimes when the page loads things are all aligned to the left. You'll see if you refresh it a couple times. Can someone help me fix it?
bear
03-05-2007, 11:40 PM
I quickly ran it through HTML tidy and it fixed about 85-90% of the display issues. With all those nested tables and divs, it's little wonder some errors crept in.
http://www.w3.org/People/Raggett/tidy/
timcordova
03-08-2007, 04:16 AM
ah, you ran into a designers worst fear, cross-browser compatibility. Granted IE isn't the greatest browser in the world, but it seems as though you uses way too many tables and unecessary divs.
Stunt
03-09-2007, 12:19 AM
You think if I gave you the index file bear, you could patch it up for me?
bear
03-09-2007, 12:40 AM
What editor was used for this? Kind of looked like Image Ready code...
You really should be learning this on your own, but here's the code after running it through HTML Tidy. It's not perfect, but it's nearly there in IE. Perhaps you can figure out the bits that are still off to help you in the future. ;)
<html>
<head>
<title>CYNCRONIZED GAMES</title>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<link rel="StyleSheet" href="http://cyncronizedgames.com/stylesheet.css" type="text/css" media=
"screen">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
</head>

<body bgcolor="#FFFFFF">
<table width="912" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td colspan="18">
<table id="Table_34" width="912" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_01.gif" width="912" height="4"
alt=""></td>
</tr>
</table>
</td>
</tr>

<tr>
<td rowspan="13">
<table id="Table_33" width="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><img src="http://cyncronizedgames.com/images/index_02.gif" width="10"
height="644" alt=""></td>
</tr>
</table>
</td>

<td colspan="3" rowspan="3">
<table id="Table_10" width="28" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_03.gif" width="28" height="52"
alt=""></td>
</tr>
</table>
</td>

<td colspan="13">
<table id="Table_09" width="865" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_04.gif" width="865" height="9"
alt=""></td>
</tr>
</table>
</td>

<td rowspan="13">
<table id="Table_35" width="9" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><img src="http://cyncronizedgames.com/images/index_05.gif" width="9"
height="644" alt=""></td>
</tr>
</table>
</td>
</tr>

<tr>
<td colspan="10">
<table id="Table_36" width="840" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="links" onmouseover="this.className='over'" onmouseout=
"this.className='out'">
<div style="text-align: center" class="style1 style2">
<a href="http://cyncronizedgames.com/">Cyncronized Games</a>
</div>
</td>

<td class="links" onmouseover="this.className='over'" onmouseout=
"this.className='out'">
<div style="text-align: center" class="style1">
<span class="style1 style2"><a href="#">Coming Soon</a></span>
</div>
</td>

<td class="links" onmouseover="this.className='over'" onmouseout=
"this.className='out'">
<div style="text-align: center" class="style1">
<span class="style1 style2"><a href="#">Coming Soon</a></span>
</div>
</td>

<td class="links" onmouseover="this.className='over'" onmouseout=
"this.className='out'">
<div style="text-align: center" class="style1">
<span class="style1 style2"><a href="#">Coming Soon</a></span>
</div>
</td>

<td class="links" onmouseover="this.className='over'" onmouseout=
"this.className='out'">
<div style="text-align: center" class="style1">
<span class="style1 style2"><a href="#">Coming Soon</a></span>
</div>
</td>

<td class="links" onmouseover="this.className='over'" onmouseout=
"this.className='out'">
<div style="text-align: center" class="style1">
<span class="style1 style2"><a href="http://cyncronizedgames.com/media.php">Media &
Downloads</a></span>
</div>
</td>

<td onmouseover="this.className='over'" onmouseout="this.className='out'">
<div style="text-align: center" class="links style1">
<span class="style1 style2"><a href=
"http://cyncronizedgames.com/forum">CGForums</a></span>
</div>
</td>

<td class="links" onmouseover="this.className='over'" onmouseout=
"this.className='out'">
<div style="text-align: center" class="style1">
<span class="style1 style2"><a href=
"http://cyncronizedgames.com/contact.php">Contact Us</a></span>
</div>
</td>
</tr>
</table>
</td>

<td colspan="3" rowspan="2">
<table id="Table_08" width="25" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_07.gif" width="25" height="43"
alt=""></td>
</tr>
</table>
</td>
</tr>

<tr>
<td colspan="10">
<table id="Table_07" width="840" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_08.gif" width="840" height="8"
alt=""></td>
</tr>
</table>
</td>
</tr>

<tr>
<td colspan="5">
<table id="Table_06" width="198" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_09.gif" width="198" height="44"
alt=""></td>
</tr>
</table>
</td>

<td colspan="11" rowspan="3" valign="top" bgcolor="#FFFFFF">
<table id="Table_04" width="695" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" bgcolor="#FFFFFF"><a href="/"><img src=
"http://cyncronizedgames.com/images/index_10.gif" width="695" height="207" alt=
""></a></td>
</tr>
</table>
</td>
</tr>

<tr>
<td colspan="2">
<table id="Table_05" width="22" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_11.gif" width="22" height="144"
alt=""></td>
</tr>
</table>
</td>

<td colspan="2">
<table id="Table_03" width="169" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<table cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="99%">
<div class="style2">
Welcome to Cyncronized Games, home of Soulbound, upcoming game projects and
gaming news. To navigate through the site, use the upper navigation bar.
</div><br>
<br>

<div style="text-align: right">
<a href="/"><img src="http://cyncronizedgames.com/images/home.gif"></a>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>

<td>
<table id="Table_02" width="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_13.gif" width="7" height="144"
alt=""></td>
</tr>
</table>
</td>
</tr>

<tr>
<td colspan="5"><img src="http://cyncronizedgames.com/images/index_14.gif" width="198"
height="19" alt=""></td>
</tr>

<tr>
<td colspan="7">
<table id="Table_21" width="306" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_15.gif" width="306" height="39"
alt=""></td>
</tr>
</table>
</td>

<td colspan="4">
<table id="Table_20" width="281" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="http://cyncronizedgames.com/cgcast.php?cat=16"><img src=
"http://cyncronizedgames.com/images/index_16.gif" width="281" height="39" alt=
""></a></td>
</tr>
</table>
</td>

<td colspan="5">
<table id="Table_19" width="306" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_17.gif" width="306" height="39"
alt=""></td>
</tr>
</table>
</td>
</tr>

<tr>
<td>
<table id="Table_22" width="9" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_18.gif" width="9" height="148"
alt=""></td>
</tr>
</table>
</td>

<td colspan="5" valign="top" bgcolor="#FFFFFF">
<table id="Table_13" width="286" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" bgcolor="#FFFFFF"><a href=
"http://cyncronizedgames.com/2007/25/01/save-true-fantasy-live-online/"><img src=
"http://cyncronizedgames.com/images/featured/featured.gif" alt=""></a><br>
<br>
<a href=
"http://cyncronizedgames.com/2007/25/01/playstation-3-europe-launch-details-revealed/"><img src="http://cyncronizedgames.com/images/featured/featured2.gif">
</a><br></td>
</tr>
</table>
</td>

<td>
<table id="Table_14" width="11" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_20.gif" width="11" height="148"
alt=""></td>
</tr>
</table>
</td>

<td>
<table id="Table_15" width="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_21.gif" width="12" height="148"
alt=""></td>
</tr>
</table>
</td>

<td valign="top" bgcolor="#FFFFFF">
<table id="Table_12" width="257" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" bgcolor="#FFFFFF">
<div class="style2">
<br>
<strong>CGCast #1 - It All Starts With A Game</strong><br>
<br>
<br>
<img src="http://img401.imageshack.us/img401/9844/itunes20explicitcd6.jpg"><br>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase=
"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
width="170" height="30" id="pcpp" align="middle">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value=
"http://www.podcastpickle.com/media/podPlayer/pcppSmall.swf?URI=http://www.archive.org/download/cgcast/cgcast1.mp3&instantLoad=0">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<embed src=
"http://www.podcastpickle.com/media/podPlayer/pcppSmall.swf?URI=http://www.archive.org/download/cgcast/cgcast1.mp3&instantLoad=0"
quality="high" bgcolor="#FFFFFF" width="170" height="30" name="pcpp" align=
"middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">&lt;/
</object><br>
<a href=
"http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=214200129"
target="_BLANK"><img src=
"http://img341.imageshack.us/img341/7095/itunesbuttonry7.gif"></a><br>
<br>
<br>
<strong>Brought to you by CYNCRONIZED GAMES & Precision-Media</strong><br>
</div>
</td>
</tr>
</table>
</td>

<td><img src="http://cyncronizedgames.com/images/index_23.gif" width="1" height="148" alt=
""></td>

<td>
<table id="Table_16" width="11" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_24.gif" width="11" height="148"
alt=""></td>
</tr>
</table>
</td>

<td>
<table id="Table_17" width="11" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_25.gif" alt="" width="11"
height="148" border="0"></td>
</tr>
</table>
</td>

<td colspan="2" valign="top" bgcolor="#FFFFFF">
<table id="Table_11" width="285" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" bgcolor="#FFFFFF">
<p class="style2"><a href="http://ps3network.com" target="_blank"><img src=
"http://cyncronizedgames.com/images/affiliates/ps3network.gif"></a><br>
[PS3Network]<br>
<br>
<strong>Affiliate With Us</strong><br>
<img src="http://cyncronizedgames.com/images/button.gif"></p><br>
</td>
</tr>
</table>
</td>

<td><img src="http://cyncronizedgames.com/images/index_27.gif" width="1" height="148" alt=
""></td>

<td>
<table id="Table_18" width="9" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_28.gif" width="9" height="148"
alt=""></td>
</tr>
</table>
</td>
</tr>

<tr>
<td colspan="7">
<table id="Table_23" width="306" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_29.gif" width="306" height="15"
alt=""></td>
</tr>
</table>
</td>

<td colspan="4">
<table id="Table_24" width="281" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_30.gif" width="281" height="15"
alt=""></td>
</tr>
</table>
</td>

<td colspan="5">
<table id="Table_25" width="306" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_31.gif" width="306" height="15"
alt=""></td>
</tr>
</table>
</td>
</tr>

<tr>
<td colspan="16">
<table id="Table_28" width="893" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_32.gif" width="893" height="16"
alt=""></td>
</tr>
</table>
</td>
</tr>

<tr>
<td>
<table id="Table_29" width="9" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_33.gif" width="9" height="133"
alt=""></td>
</tr>
</table>
</td>

<td colspan="13" valign="top" bgcolor="#FFFFFF">
<table id="Table_27" width="871" border="0" cellpadding="0" cellspacing="3">
<tr>
<td valign="top" bgcolor="#FFFFFF">
<table cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="99%">
<div class="style2">
<img src="images/headers/cgcontact.gif"><br>
<br>
<br>
<strong><u>Matthew (Cyncro)</u></strong><br>
<strong>AIM:</strong> <img src=
"http://img148.imageshack.us/img148/7205/aimti8.gif"> CyncrOWNED<br>
<strong>EMail:</strong> N/A<br>
<br>
<strong><u>Sal (Stunt)</u></strong><br>
<strong>AIM:</strong> <img src=
"http://img148.imageshack.us/img148/7205/aimti8.gif"> StuntF50<br>
<strong>EMail:</strong> N/A
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>

<td colspan="2">
<table id="Table_26" width="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_35.gif" width="10" height="133"
alt=""></td>
</tr>
</table>
</td>
</tr>

<tr>
<td colspan="16">
<table id="Table_30" width="893" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_36.gif" width="893" height="20"
alt=""></td>
</tr>
</table>
</td>
</tr>

<tr>
<td colspan="16">
<table id="Table_31" width="893" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="style2">
<div style="text-align: center">
© 2007 CYNCRONIZED GAMES
</div>
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td colspan="18">
<table id="Table_32" width="912" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://cyncronizedgames.com/images/index_38.gif" width="912" height="23"
alt=""></td>
</tr>
</table>
</td>
</tr>

<tr>
<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="10" height="1" alt=
""></td>

<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="9" height="1" alt=
""></td>

<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="13" height="1" alt=
""></td>

<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="6" height="1" alt=
""></td>

<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="163" height="1" alt=
""></td>

<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="7" height="1" alt=
""></td>

<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="97" height="1" alt=
""></td>

<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="11" height="1" alt=
""></td>

<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="12" height="1" alt=
""></td>

<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="257" height="1" alt=
""></td>

<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="1" height="1" alt=
""></td>

<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="11" height="1" alt=
""></td>

<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="11" height="1" alt=
""></td>

<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="270" height="1" alt=
""></td>

<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="15" height="1" alt=
""></td>

<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="1" height="1" alt=
""></td>

<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="9" height="1" alt=
""></td>

<td><img src="http://cyncronizedgames.com/images/spacer.gif" width="9" height="1" alt=
""></td>
</tr>
</table>
</body>
</html>
Stunt
03-09-2007, 12:55 AM
Well, I can't use that as I have it in a different format. If you have an e-mail, give it to me, I will send you the index, header, and footer. I don't seem to know how to use this HTMLtidy thing.