Див верстка

Не когда не писал html ки на дивах. всегда пользовался таблицей. а сейчас замандило.. столкнулся с проблемой как сделать горизонтальную таблицу.. Вертикальную прекрасно получается. а горизонтальную не получается.. пробывал

<div class="class1 class2 class3"></div>

не получилось..

<table cellpadding="0" cellspacing="0" width="100%">

<tr>

<td width="20" height="28">

<img src="{theme}/img/cleft_up.png" width="20" height="28" border="0">

</td>

<td width="100%" background="{theme}/img/cline_up.png">

[full-link]{title}[/full-link]

</td>

<td width="76" background="{theme}/img/cline_up.png">

<p>{link-category}</p>

</td>

<td width="20" height="28">

<img src="{theme}/img/cright_up.png" width="20" height="28" border="0">

</td>

</tr>

<tr>

<td width="100%" height="3" colspan="4">

<img src="{theme}/img/cline_news.png" width="181" height="3" border="0"></td>

</tr>

<tr>

<td width="20" height="28">

</td>

<td width="100%" colspan="2">

<p>{date}</p>

</td>

<td width="20" height="28">

</td>

</tr>

<tr>

<td width="100%" height="2" colspan="4" background="{theme}/img/cline_utext.png">

</td>

</tr>

<tr>

<td width="20" height="28">

</td>

<td width="100%" colspan="2">

            <p>{short-story}</p>

</td>

<td width="20" height="28">

</td>

</tr>

<tr>

<td width="20" height="28">

<img src="{theme}/img/cleft_down.png" width="20" height="28" border="0">

</td>

<td width="100%" background="{theme}/img/cline_down.png" colspan="2">

<p align="right"><b>Прочитать подробнее:</b> [full-link]{title}[/full-link]</td>

<td width="20" height="28">

<img src="{theme}/img/cright_down.png" width="20" height="28" border="0">

</td>

</tr>

</table>   

<!-- {rating} -->

вот таблица. кто покажет пример- буду очень благодарен. или хотябы ссылку на статейку где разбирается конкретно этот пример