<style> 
div .splLink {width: 130px; height: 40px; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 150px; padding: 5px; z-index: 1000; margin-top: 5px; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

<center><table style="width: 90%">
<tr>

<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s61.radikal.ru/i172/1106/fe/24953b454d27.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://i045.radikal.ru/1106/e4/bd5dd085eb34.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s003.radikal.ru/i202/1106/84/d79b64089ab9.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://i023.radikal.ru/1106/5a/30ed34559447.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
</tr>
</table></center>


<table width="90%" height=400px background="http://s58.radikal.ru/i161/1106/72/bca2a4bca17a.png">
 <tr>
  <td height="40%">
 </tr>
 <tr >
  <td align="center"><left><div style="overflow: scroll; overflow-x: hidden; height: 190px; width: 259px">Text, text, text<div></left></td>
  <td width=380px></td>
 </tr>
</table>

  <center> 
 <table width="100%" border="0" align="center">
  <tr>
   <td rowspan="2">Объявления</td>
   <td>Название форума</td>
   <td rowspan="2">Админы <br>Модеры</td>
  </tr>
  <tr>
   <td rowspan="2"><img src="http://s55.radikal.ru/i147/1106/6b/f4a0c57e6ca3.jpg"></td>
  </tr>
  <tr>
   <td rowspan="2" width="35%">Погода</td>
   <td rowspan="2" width="35%">
<a href="ссылка">ссылка1</a>
<br><a href="ссылка">ссылка2</a>
<br><a href="ссылка">ссылка3</a>
   </td>
  </tr>
  <tr>
   <td rowspan="2" height=100px> <div style="overflow: scroll; overflow-x: hidden; height: 100px; width: 603px">Новости</div></td>
  </tr>
  <tr>
   <td>Баннеры</td>
   <td>Реклама</td>
  </tr>
 </table>
</center>

<img id="Mylogo" src="адрес картинки" />
<style type="text/css">
#Mylogo {width: 100%; margin: 0 0 0 0;}
</style>

<style type="text/css"> /* Ставим новые иконки  */
.punbb table Div.icon {float: left; display: block; width: 70px; height: 70px; border-style: none;
background-image: url(ссылка на изображение);  /* Cтароe */
background-repeat: no-repeat;
position: relative; margin-right: 13px; margin-left: 10px;}
TR.inew Div.icon {
background: url(ссылка на изображение) no-repeat;} /* Новое */
TR.isticky Div.icon {
background: url(ссылка на изображение) no-repeat;}  /* Важное */
TR.iclosed Div.icon {
background: url(ссылка на изображение) no-repeat;}   /* Закрыто */
</style>

<style> 
div .splLink {width: 130px; height: 35px; font-weight: bold; background: transparent; }
.spll {width: 170px; height: 30px; }
.spll div .splCont {height: auto; width: 185px; background: transparent; padding: 5px; z-index: 1000;  border: 1px solid #020000; font-size: 12px; text-align: center;}
</style>

<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

<table style="width: 95%" border="0" bgcolor="#eaeaea">
  <tr>
    <td width="271"><div align="center"><img src="http://www.10pix.ru/img1/323002/4829281.png"></div></td>
    <td width="255"><div align="center"><img src="http://www.10pix.ru/img1/1615/4829286.png"></div></td>
    <td width="267"><div align="center"><img src="http://www.10pix.ru/img1/4467/4829282.png"></div></td>
  </tr>
</table>
<table width="818" height="334" border="0" background="http://www.10pix.ru/img1/418495/4829070.png">
  <tr>
    <td width="271"><div style="margin:0px 0px 10px 80px; left: 75px; top: 221px; overflow:auto; overflow-x:hidden; width: 195px; height: 275px;">
<font size ="1"><br>Ролевая начинает новую жизнь, мы всегда рады новым игрокам. Совершенно новые персонажи, просто с иголочки! Это помощники Урана и Нептуна! Итак, отъявленные злодеи, если Вам захотелось какого-нибудь интересного персонажа и свежих впечатлений загляните в седьмую акцию и подыщите персонажа по вкусу. Все вопросы в гостевую.
Настоятельно рекомендую заглянуть, быть может именно там Вы найдёте интересного себе персонажа;
</font>
</div></td>
    <td width="256"><div style="margin:0px 0px 10px 60px; left: 72px; top: 221px; overflow:auto; overflow-x:hidden; width: 195px; height: 275px;">
<font size ="1"><br>Ролевая начинает новую жизнь, мы всегда рады новым игрокам. Совершенно новые персонажи, просто с иголочки! Это помощники Урана и Нептуна! Итак, отъявленные злодеи, если Вам захотелось какого-нибудь интересного персонажа и свежих впечатлений загляните в седьмую акцию и подыщите персонажа по вкусу. Все вопросы в гостевую.
Настоятельно рекомендую заглянуть, быть может именно там Вы найдёте интересного себе персонажа;
</font>
</div></td>
    <td width="267"><div style="margin:0px 0px 10px 50px; left: 72px; top: 221px; overflow:auto; overflow-x:hidden; width: 195px; height: 275px;">
<font size ="1"><br>Ролевая начинает новую жизнь, мы всегда рады новым игрокам. Совершенно новые персонажи, просто с иголочки! Это помощники Урана и Нептуна! Итак, отъявленные злодеи, если Вам захотелось какого-нибудь интересного персонажа и свежих впечатлений загляните в седьмую акцию и подыщите персонажа по вкусу. Все вопросы в гостевую.
Настоятельно рекомендую заглянуть, быть может именно там Вы найдёте интересного себе персонажа;
</font>
</div></td>
  </tr>
</table>
<table width="818" border="0" bgcolor="#eaeaea">
  <tr>
    <td width="271" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<img src="http://www.10pix.ru/img1/4483/4829283.png">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="258" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<img src="http://www.10pix.ru/img1/337960/4829284.png">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="265" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<img src="http://www.10pix.ru/img1/635500/4829285.png">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
  </tr>
</table>