Код:
<!--HTML-->
<div class="htmldemo">
<center>
<img width="650px" src="http://funkyimg.com/i/2Hg1i.gif">
<center>
<br><div style="margin-top: -35px; font-family: 'good vibes pro'; font-size: 70px;line-height: 50%; letter-spacing: 1px; color: #a89f98; text-shadow: 2px 0px 0px #372839; word-spacing: -2px; ">Статистика</div>
</center>
Код:
<!--HTML-->
<script type="text/javascript"> 
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs a:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu a").click(function() {
    $("div.#menu a").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>
<!-- Таблица -->
<style>

#menu {
    margin-left: 5%;
    margin-top: 20px;
    text-align: center;
    width: 650px;
}
#menu span {
    background-color: #1b89fa;
    border-left: 1px solid #4cb9e7;
    border-radius: 20px;
    border-right: 1px solid #4ca0e7;
    border-top: 1px solid #4ca0e7;
    box-shadow: 2px -1px 1px #b5eefc, 0 0 10px #2d9cd0 inset;
    color: #e3f3fc;
    display: inline-block;
    font-family: lobster;
    font-size: 16px;
    margin: 7px;
    padding: 3px 18px;
}
#menu .tabactive {
    background: #a0b3c9 none repeat scroll 0 0;
    transition-duration: 0.3s;
}
#submenu {
    background-color: #e0ddd9;
    border-radius: 2px;
    box-shadow: 0 0 15px #cbc7c2 inset;
    height: 512px;
    overflow-y: auto;
    text-align: center;
    width: 500
.submenutext {
    display: none;
    height: 40px;
}
</style>
<table id=tablean"> 
<tbody> 
<tr> 
<td> 
<!-- Пункты меню-->
<div id="menu">
<a alt=#sm1 "style="cursor: pointer;"><img src="http://funkyimg.com/i/2Hg1h.png"></a> 
<a alt=#sm2 "style="cursor: pointer;"><img src="http://funkyimg.com/i/2Hg1g.png"></a> 
</div> 
<!-- Конец пунктов меню-->
</td> 
</tr> 
<tr> 
<td id="MenuTxT"  align="center" valign="top"> 
<div id="submenu" align="center"> 
<div id="sm1" class="submenutext" style="display:block; text-align: left;">
<center><!-- Блок новостей с прокруткой-->
<div class="overflow" style="height: 270px; width: 680px"> 


<table style="width: 600px;  margin-left: auto; margin-right: auto; border: 1px solid rgba(18, 18, 18, 0.18); border-radius: 5px; box-shadow: 0px 0px 15px rgba(18, 18, 18, 0.18) inset;">
<tr>
<td><center><large><b>Людей</b><br/><br>5</large></center></td>
<td><center><large><b>Мононоке</b><br/><br>13</large></center></td>
</tr></table>


<table style="width: 600px;  margin-left: auto; margin-right: auto; border: 1px solid rgba(18, 18, 18, 0.18); border-radius: 5px; box-shadow: 0px 0px 15px rgba(18, 18, 18, 0.18) inset;">
<tr>
<td><center><large><b>Неко</b><br/><br>...</large></center></td>
<td><center><large><b>Ину</b><br/><br>...</large></center></td>
<td><center><large><b>Тануки</b><br/><br>...</large></center></td>
<td><center><large><b>Кицунэ</b><br/><br>Мишель Тьери<br>
Эрия Тьери<br>
Неро Тьери<br>
Эммелин Шерман<br>
Тэкэра Кобаяси
Талал Машаль<br></large></center></td>
</tr>
<tr>
<td><center><large><b>Усаги</b><br/><br>Катарина Мун<br>
</large></center></td>
<td><center><large><b>Токаге</b><br/><br>...</large></center></td>
<td><center><large><b>Сару</b><br/><br>...</large></center></td>
<td><center><large><b>Урса</b><br/><br>...</large></center></td>

</tr>
<tr>
<td><center><large><b>Комори</b><br/><br>...</large></center></td>
<td><center><large><b>Шики</b><br/><br>...</large></center></td>
<td><center><large><b>Сакана</b><br/><br>...</large></center></td>
<td><center><large><b>Алакран/Скорпио</b><br/><br>...</large></center></td>

</tr>
<tr>
<td><center><large><b>Тонбо</b><br/><br>...</large></center></td>
<td><center><large><b>Татегами</b><br/><br>...</large></center></td>
<td><center><large><b>Оками</b><br/><br>Райден Игараси<br>
</large></center></td>
<td><center><large><b>Тигрис/Тора</b><br/><br>...</large></center></td>

</tr>
<tr>
<td><center><large><b>Тенгу</b><br/><br>...</large></center></td>
<td><center><large><b>Лаэн</b><br/><br>...</large></center></td>
<td><center><large><b>Саме</b><br/><br>...</large></center></td>
<td><center><large><b>Ирибис</b><br/><br>Изольда Сиградд<br>
Шиба Комей<br>
</large></center></td>

</tr>
<tr>
<td><center><large><b>Лепри/Тё</b><br/><br>...</large></center></td>
<td><center><large><b>Кумо</b><br/><br>...</large></center></td>
<td><center><large><b>Нэдзуми</b><br/><br>Маолин Вольф<br>
</large></center></td>
<td><center><large><b>Келпи</b><br/><br>Аса Бан<br>
</large></center></td>
</tr>
<tr>
<td><center><large><b>Мантис</b><br/><br>...</large></center></td>
<td><center><large><b>Джаккару</b><br/><br>...</large></center></td>
<td><center><large><b>Курюкато/като</b><br/><br>Хью Лоуэлл<br>
</large></center></td>
<td><center><large><b>Рису</b><br/><br>...</large></center></td>
</tr>
<tr>
<td><center><large><b>Хэби</b><br/><br>...</large></center></td>
<td><center><large><b>Тори</b><br/><br>...</large></td></center>
</tr>
</table>

</div>
</div>
<!-- Конец блока новостей с прокруткой-->



<!-- Навигационные ссылки-->

<div id="sm2" class="submenutext">

<table style="width: 600px;  margin-left: auto; margin-right: auto; border: 1px solid rgba(18, 18, 18, 0.18); border-radius: 5px; box-shadow: 0px 0px 15px rgba(18, 18, 18, 0.18) inset;">
<tr>
<td><center><large><b>Ментальная магия</b><br/>7</large></center></td>
<td><center><large><b>Магия электричества</b><br/>...</large></center></td>
<td><center><large><b>Белая магия</b><br/>6</large></center></td>
<td><center><large><b>Рунная магия</b><br/>1</large></center></td>
<td><center><large><b>Магия энергии</b><br/>8</large></center></td>
<td><center><large><b>Магия "Проводник"</b><br/>1 [x]</large></center></td>
</tr>
<tr>
<td><center><large><br/></large></center></td>
<td><center><large><b>Магия воздуха</b><br/>6</large></center></td>
<td><center><large><b>Магия огня</b><br/>7</large></td>
<td><center><large><b>Магия воды</b><br/>2</large></center></td>
<td><center><large><b>Магия земли</b><br/>3</large></center></td>
<td><center><large><br/></large></td></center></tr>
<tr>
<td><center><large><b>Магия песка</b><br/>1 [x]</large></center></td>
<td><center><large><b>Духовная магия</b><br/>1 [x]</large></center></td>
<td><center><large><b></b><br/>1 [x]</large></center></td>
<td><center><large><b></b><br/></large></center></td>
<td><center><large><b></b><br/></large></td></center>
<td><center><large><b></b><br/></large></center></td></tr>
<tr>
<td><center><large><b></b><br/></large></center></td>
<td><center><large><b></b><br/></large></center></td>
<td><center><large><b></b><br/></large></center></td>
<td><center><large><b></b><br/></large></center></td>
<td><center><large><b></b><br/></large></center></td>
<td><center><large><b></b><br/></large></center></td></tr>
<tr>
<td><center><large><b></b><br/></large></center></td>
<td><center><large><b></b><br/></large></center></td>
<td><center><large><b></b><br/></large></center></td>
<td><center><large><b></b><br/></large></center></td>
<td><center><large><b></b><br/></large></center></td>
<td><center><large><b></b><br/></large></center></td></tr>
 </table>
 </div>
</div> 
<!-- Конец навигационных ссылок -->


</td> 
</tr> 
</tbody> 
</table>

</center>