<table style="width: 100%; height: 330px;" cellpadding="0" cellspacing="0" border="0">

<tr>
<td style="width: 56%;" rowspan="2" align="center">

<style>	
#menu {
margin-top: 30px;}

#menu span {
width: 100px;
height: 12px;
text-align:center;
display: block;
margin-bottom: 5px;
padding: 1em 0 1em 0;
background: #9AB986;}

#menu .tabactive {
background: transparent;}

#submenu {
margin-top: 10px;
padding: 3px;
height: 330px;
width: 500px;}

.submenutext {
display: none;
text-align: center;
height: 310px;
background-color: #8AAE73;}

#menu span, .submenutext {
border: 1px solid #9AB986;}

</style>

<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td id="MenuTxT"  align="right" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><table style="width: 100%;">
<tr>
<td style="width: 50%;" align="center" valign="top">

левая 1

</td>
<td style="width: 50%;" align="center" valign="top">

правая 1

</td>
</tr>
</table>
</div>
     <div id="sm2" class="submenutext"><table style="width: 100%;">
<tr>
<td style="width: 50%;" align="center" valign="top">

левая 2

</td>
<td style="width: 50%;" align="center" valign="top">

правая 2

</td>
</tr>
</table></div>
     <div id="sm3" class="submenutext"><table style="width: 100%;">
<tr>
<td style="width: 50%;" align="center" valign="top">

левая 3

</td>
<td style="width: 50%;" align="center" valign="top">

правая 3

</td>
</tr>
</table></div>
     <div id="sm4" class="submenutext"><table style="width: 100%;">
<tr>
<td style="width: 50%;" align="center" valign="top">

левая 4

</td>
<td style="width: 50%;" align="center" valign="top">

правая 4

</td>
</tr>
</table></div>
     <div id="sm5" class="submenutext"><table style="width: 100%;">
<tr>
<td style="width: 50%;" align="center" valign="top">

левая 5

</td>
<td style="width: 50%;" align="center" valign="top">

правая 5

</td>
</tr>
</table></div>
     <div id="sm6" class="submenutext"><table style="width: 100%;">
<tr>
<td style="width: 50%;" align="center" valign="top">

левая 6

</td>
<td style="width: 50%;" align="center" valign="top">

правая 6

</td>
</tr>
</table></div>
     <div id="sm7" class="submenutext"><table style="width: 100%;">
<tr>
<td style="width: 50%;" align="center" valign="top">

левая 7

</td>
<td style="width: 50%;" align="center" valign="top">

правая 7

</td>
</tr>
</table></div>
</div>
</td>
   <td valign="top" align="left" style="width: 25%;">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;">Приветствие</span>
<span alt="#sm2" style="cursor: pointer;">Важное</span>
<span alt="#sm3" style="cursor: pointer;">По игре</span>
<span alt="#sm4" style="cursor: pointer;">Реклама</span>
<span alt="#sm5" style="cursor: pointer;">Это Интересно</span>
<span alt="#sm6" style="cursor: pointer;">Навигатор</span>
<span alt="#sm7" style="cursor: pointer;">Партнёры</span>
    </div>
   </td>
</tr>
</tbody>
</table></center>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

</td>
<td style="width: 44%; height: 200px;" align="center">

<img style="margin: 0 0 -2px 0; border: 1px solid #000;" src="http://i051.radikal.ru/1202/0b/481abd161e3d.jpg">

</td>
</tr>

<tr><td style="height: 120px;" align="center"><div style="width: 96%; height: 110px; border: 1px solid #8AAE73; background-color: #8AAE73;">

текст

</div></td></tr>

</table>

<style>
#Mytable {
font-weight:400;
font-family:"Monotype Corsiva";
padding:0;
border-collapse:collapse;
margin:0;
}
#Mytable td{
 border: 1px solid;
 }
.scroll{
 height:180px;
 overflow-y: auto!important;
}
#Mytable td h5{
 font-size:26px;
}
#Mytable p{
 padding:6px 13px;
 text-align:left;/*justify;*/
 font-size:14px;
 line-height:120%;
}
#Mytable td p::first-letter{
 padding-left:13px;
}
</style>
<table id="Mytable" style="width: 100%; border: 1px solid;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan=2 align="center" valign="top">
<img src="http://s003.radikal.ru/i203/1202/3b/7ce495d099d5.jpg" width="100%"/>
</td>
</tr>
<tr>
<td width="50%" align="center" valign="top"><div class=scroll>
<h5>Администраторы</h5>
 <p>Описание</p>
<h5>Модераторы</h5>
 <p>Описание</p>
</div></td>
<td width="50%" align="center" valign="top"><div class=scroll>
<h5><a href="Ccылка">Правила Форума</a></h5>
 <p>
Сделайте, пожалуйста, такую табличку:
1) http://s002.radikal.ru/i199/1202/c8/054c01bc71dc.jpg 
2) http://www.mirprognozov.1bb.ru/
3) Таблица по размеру должна подходить под стиль форума минима (не вылезать и т.п.) . Слова "новости, мероприятия, правила форума" желательно, чтобы двигались и были кликабельны (для перехода на другую страницу форума). И еще хотела бы узнать, можно ли сделать все слова таким шрифтом: http://www.x-lines.ru/icp/ghW120/000000 … riytiy.png , ну, или типа такого.
Шапка форума: http://s003.radikal.ru/i203/1202/3b/7ce495d099d5.jpg
 </p>
<h5><a href="Ccылка">Новости</a></h5>
 <p>Описание</p>
<h5><a href="Ccылка">Мероприятия</a></h5>
 <p>Описание</p>
</div></td>
</tr>
</table>