Общие замечания.
0. Выше правильно сказали -
Времени потратишь гораздо меньше. Возми на бумажке накидай как оно будет выглядеть. Выкинь лишние элементы. Еще раз выкинь лишние элементы
Старайся максимально упростить структуру до того как начал верстать. Когда знаешь что ты хочешь получить в результате дело идет гораздо быстрее. Это конечно непросто если не сделаешь пункт #1.
1. Хотя бы один раз прочитай спецификации HTML и CSS и попробуй в них вникнуть.
2. Чем меньше таблиц тем лучше. Особенно это касается вложенных таблиц.
3. Старайся избегать "распорок". Распорка - прозрачный GIF размером 1x1, который используется для задания размера ячейки или отступа. У меня используется для замены тумб.
4. Полагайся на то что элементы внутри ячейки растянут ячейку до нужного размера и тогда все будет ок под любым броузером.
5. Всегда задавай размеры картинок. Если они известны то IE будет сразу рендерить всю таблицу а не прогружать сначала все внутренние элементы.
6. Не брезгуй ALT для картинок. Это потенциальный лишний SE трафф.
7. Не бойся CSS. Он значительно может упростить тебе задачу.
8. Читай и экспериментируй много ;)
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>search for mature</title>
<style>
html, body {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
background-color: #F39;
}
#main {
background-position: center top;
background-repeat: repeat-y;
background-image: url('img/a.gif');
}
#thumbs img {
border: 2px solid #FF9;
}
</style>
</head>
<body>
<center>
<table width="800" height="100%" cellspacing="0" cellpadding="0" border="0" id="main" align="center">
<tr>
<td align="center" valign="top">
<!-- HEADER (который порезан как-то пиздовато :-[ )-->
<table border="0" cellpadding="0" cellspacing="0">
<tr><td><img src="img/b_01.gif" width="614" height="50"></td></tr>
<tr><td><img src="img/b_02.gif" width="125" height="103"><img
src="img/b_03.gif" width="165" height="103"><img
src="img/b_04.gif" width="129" height="103"><img
src="img/b_05.gif" width="195" height="103"></td></tr>
<tr><td><img src="img/b_06.gif" width="614" height="36"></td></tr>
<tr><td><img src="img/b_07.gif" width="186" height="77"><img
src="img/b_08.gif" width="248" height="77"><img
src="img/b_09.gif" width="180" height="77"></td></tr>
</table>
<!-- THUMBS section --->
<table border="0" cellpadding="0" cellspacing="15" id="thumbs">
<tr>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
</tr>
<tr>
<td></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td></td>
</tr>
<tr>
<td></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td></td>
</tr>
<tr>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>