Ух ты, похоже, ты спешил соединить это ... Тебе действительно стоит потратить время на то, чтобы не ошибиться. Я вижу, что вы перевернули TD-тег там, где должен быть TR-тег. Я также вижу, что вы закрыли тег TR и решили использовать вместо него тег TD, что я не уверен, намеренно это или нет, лол. Я собираюсь прокомментировать часть вашего кода и спросить вас, было ли оно намеренным или нет, но сначала я немного его почисту.
Вы никогда не должны просто запускать весь свой код вместе, это очень плохая практика и заставит вас забыть закрыть теги. Всегда отступайте, когда можете. Можете ли вы написать colspan = 4 или нет, это не имеет значения, вы всегда должны указывать это в кавычках: colspan = "4" и для всех других свойств.
Для того уровня, на котором вы находитесь, вы должны использовать xhtml. Это заставит браузеры использовать стандартизацию и не даст вашему сайту выглядеть «странно» в одном браузере, но идеально в другом.
Вот ваш код, который я прокомментировал. Вам действительно нужно пройти его и правильно сопоставить ВСЕ ваши открывающие / закрывающие теги. Вы сделали хороший беспорядок для себя, лол. Веселитесь.
<table align="center" width="60%" cellspacing="0" cellpadding="5">
<tr>
<td colspan=4>
<div class="logo">saucydares</div>
<div class="slogan">fun and games for couples everywhere!</div>
</td>
</tr>
<tr class="links">
<td class="links" colspan=4 width="100%" align=center><a href="#">HOME</a> | <a href="/about.html">ABOUT</a> | <a href="#">ARCHIVE</a> | <a href="#">DARE BOX</a></td>
</tr>
<tr>
<td colspan=4 class="main" cellpadding=10>
<br><br> <!-- Breaks should always be <br /> XHTML only //-->
<table height="270px" width="450px" align=center cellpadding="5">
<tr class="box">
<td align=center>
<div id="dare">Welcome to Saucy Dares! To get going, adjust the settings below and click "Dare me!".</div>
</td>
</tr>
<!-- There is no TR tag here.
Was it on purpose? //-->
<td height="20px" align=right cellpadding="0">
<form name="form">
<select id="mode" name="mode">
<option value="classic">Classic Collection</option>
<option value="long">The Long Game</option>
</select>
<select name="player">
<option value="him">For him</option>
<option value="her">For her</option>
<option value="double">Double dare</option>
</select>
<input type="button" value="Dare me!" onClick="get();">
</form>
</tr> <!-- You closed the parent TR before the child TD //-->
</td> <!-- This TD no longer applies to anything because you
closed its parent row //-->
</table>
<br><br> <!-- Breaks should always be <br /> XHTML only //-->
<b>Latest news</b>
<UL>
<LI> Welcome to the new look Saucy Dares! Now you can take things to the next level with the new game mode, The Long Game. You can also both get involved by selecting 'Double dare' from the second drop down box. Read more about the new game modes on the <a href="/about.html">About page</a>.
<LI>Dares now appear without needing to refresh the page meaning your settings aren't reset every time you view a new dare.
<LI> What do you like about the new design? What is still missing? Let us know on Twitter! You can also follow @SaucyDares to receive updates whenever new features and dares are added.
<LI> You can now share your favourite dares with us by putting them in the <a href="/darebox.html">Dare Box</a>!
</UL>
</tr> <!-- Because you already closed the TR in your
child table, this is going to cause some
weird effects lol //-->
</td> <!-- More weird effects are going to occur until
you match the correct closing tags to
their opening tags //-->
<tr class="footer"><img src="facebook_border.gif">
<a href="http://www.twitter.com/saucydares" target="_blank"><img src="twitter_border.gif" alt="Twitter" border="0"></a>
</td><td width="33%" align=center>© 2010 Saucy Dares</td><td width="33%" align=right>Click <a href="mailto:saucydares@yahoo.com">here</a> to report an error</td></tr>
</table>