Пробуйте заменить Объявление:
Код:
<style>
#menu span {
padding: 7px 15px 7px;
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #2662DF;
background:transparent;
}
#menu span img{
margin-bottom:-52px!important;
}
#submenu {
padding: 5px;
height: 300px;
text-align: left;
font-size: 12px;
width: 750px;
}
.submenutext {
text-align: center;
background:transparent;
/*position:absolute;*/
width:auto;
margin:0 2px;
max-width: 100%;
display: none;
height: 300px!important;
}
span.menuButton {
cursor:pointer;
cursor:hand;
}
</style>
<center>
<table style="width: 615px;">
<tbody>
<tr>
<td align="left">
<div id="menu">
<b>
<span alt="#sm1" class="menuButton">
<img src="http://s1.uploads.ru/i/4Sani.png">
</span>
<span alt="#sm2" class="menuButton">
<img src="http://s1.uploads.ru/i/qOJ2n.png">
</span>
<span alt="#sm3" class="menuButton">
<img src="http://s1.uploads.ru/i/IMpYO.png">
</span>
<span alt="#sm4" class="menuButton">
<img src="http://s1.uploads.ru/i/rT8i1.png">
</span>
<span alt="#sm5" class="menuButton">
<img src="http://s1.uploads.ru/i/QCt7H.png">
</span>
</b>
</div>
</td>
</tr>
<tr align="left">
<td id="MenuTxT" valign="top" style="height: 260px;">
<div id="submenu" width="100%">
<table width="100%">
<tbody>
<tr>
<td id="sm1" class="submenutext" style="display: table-cell">
<div>
<table cellspacing="0" width=100%>>
<tbody>
<tr>
<td width="50%" valign="top">
---------------
<b>Новости Гостям</b>
---------------
<br>
1) Срочно требующихся персонажей вы можете увидеть просто нажав на кнопку
<b>INFORM</b>
<br>
2) Освободились роли
<b>ВАТИКАНА</b>
и
<b>НОРВЕГИИ</b>
. Берите, пока горяченькие. За вкусный пост, конечно С:
<br>
<br>
</td>
<td width="50%" valign="top">
---------------
<b>Новости Участникам</b>
---------------
<br>
1) Ты все ещё видишь баннер в углу страницы? Мешает дизайну?
<a href="http://warofhetalia.mybb.ru/viewtopic.php?id=104&p=5#p30581">
<b>Хватит это терпеть! Жми скорее!</b>
</a>
<br>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td id="sm2" class="submenutext" style="display: none">
<div>
<table cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top">
<a href="http://warofhetalia.mybb.ru/viewtopic.php?id=5#p8">
<i>
<b>
Кто нам нужен
<br/>
<a href="http://warofhetalia.mybb.ru/viewtopic.php?id=38#p52">
<i>
<b>Концепция (правила)</b>
</i>
</a>
<br>
<a href="http://warofhetalia.mybb.ru/viewtopic.php?id=98#p1961">
<i>
<b>Гид по форуму</b>
</i>
</a>
<br>
<a href="http://warofhetalia.mybb.ru/viewtopic.php?id=37#p51">
<i>
<b>Эпизодная система</b>
</i>
</a>
<br>
<a href="http://warofhetalia.mybb.ru/viewtopic.php?id=26#p39">
<i>
<b>Форма анкеты</b>
</i>
</a>
<br>
<br>
</b>
</i>
</a>
</td>
<td valign="top">
<a href="http://warofhetalia.mybb.ru/viewtopic.php?id=32#p46">
<i>
<b>Акция #1:</b>
Пропавшие без вести
</i>
</a>
<br>
<a href="http://warofhetalia.mybb.ru/viewtopic.php?id=45#p135">
<i>
<b>Акция #2:</b>
Розыск
</i>
</a>
<br>
<a href="http://warofhetalia.mybb.ru/viewtopic.php?id=125#p3219">
<i>
<b>Акция #3:</b>
Дорисуй персонажа
</i>
</a>
<br>
<a href="http://warofhetalia.mybb.ru/viewtopic.php?id=126#p3220">
<i>
<b>Акция #4:</b>
Нужен дублер
</i>
</a>
<br>
<a href="http://warofhetalia.mybb.ru/viewtopic.php?id=127#p3221">
<i>
<b>Акция #5:</b>
Любителям графоманить
</i>
</a>
<br>
<a href="http://warofhetalia.mybb.ru/viewtopic.php?id=130#p3408">
<i>
<b>Акция #6:</b>
Ленивым флудоголикам
</i>
</a>
<br>
<a href="http://warofhetalia.mybb.ru/viewtopic.php?id=300#p26305">
<i>
<b>Акция #7:</b>
Хит сезона.\
</i>
</a>
<br>
<a href="http://warofhetalia.mybb.ru/viewtopic.php?id=311#p27715">
<i>
<b>Акция #8:</b>
Почти даром!
</i>
</a>
<br>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td id="sm3" class="submenutext" style="display: none">
<div>
<a title="Кто же будет первым в галерее почета?" href="">
<img src="http://s1.uploads.ru/i/ys9wi.jpg">
</a>
</div>
</td>
<td id="sm4" class="submenutext" style="display: none">
<div>
<table cellspacing="0">
<tbody>
<tr>
<td width="50%" valign="top">
----------
<b>Хит-парад "Я жду тебя!"</b>
----------
<br>
<br>
<br>
</td>
<td width="50%" valign="top">
----------
<b>Наши партнеры</b>
----------
<br>
<a href="http://aphcastaway.mybb.ru/" target="_blank">
<img src="http://www.10pix.ru/img1/3130/5147783.png" title="Only click.">
</a>
<a href="http://kuroshitsujiii.forum24.ru/">
<img src="http://s58.radikal.ru/i160/1004/7c/8475e94d4e5a.gif" alt="ФРИ " темный="" дворецкий""="" width="88" height="31" border="0">
</a>
<a href="http://aphetalia.animebb.ru">
<img src="http://i4.imageban.ru/out/2011/11/25/14d5d899c0707b87c1029e22b6ae749a.gif">
</a>
<a target="_blank" href="http://hetalianwd.rolbb.ru">
<img src="http://s017.radikal.ru/i444/1203/79/f14703346b2c.png">
</a>
<br>
<a target="_blank" href="http://khrhollow.mybb.ru/">
<img src="https://forumupload.ru/uploads/000b/f0/f6/287-1.gif">
</a>
<a target="_blank" href="http://khrpazcielo.rolka.su/">
<img src="http://s003.radikal.ru/i204/1110/44/b5e0633f2461.png">
</a>
<a href="http://omvg.rusff.me/" target="_blank">
<img src="http://uploads.ru/t/f/p/C/fpCWY.jpg" title="ОМ(в)Г">
</a>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td id="sm5" class="submenutext" style="display: none">
<div style="width: 100%; height: 180px; overflow: auto;">
<table>
<tbody>
<tr>
<td width="50%" valign="center">
<a href="http://warofhetalia.mybb.ru/profile.php?id=2">
<img src="http://s1.uploads.ru/i/hGNbp.jpg">
</a>
</td>
<td width="50%" valign="center">
<b>
<i>Главный администратор</i>
</b>
<br>
<i>Живая википедия</i>
</td>
</tr>
<tr>
<td width="50%" valign="center">
<b>
<i>Главный администратор</i>
</b>
<br>
<i>Живой... уже хорошо</i>
</td>
<td width="50%" valign="center">
<a href="http://warofhetalia.mybb.ru/profile.php?id=3">
<img src="http://s1.uploads.ru/i/XM5B6.jpg">
</a>
</td>
</tr>
<tr>
<td width="50%" valign="center">
<a href="http://warofhetalia.mybb.ru/profile.php?id=21">
<img src="http://s1.uploads.ru/i/vRDYG.jpg">
</a>
</td>
<td width="50%" valign="center">
<b>
<i>Старший модератор</i>
</b>
<br>
<i>Комсомолка, спортсменка, наконец, она просто армянка!</i>
</td>
</tr>
<tr>
<td width="50%" valign="center">
<b>
<i>Модератор флуда</i>
</b>
<br>
<i>Его просто не очень видно</i>
</td>
<td width="50%" valign="center">
<a href="http://warofhetalia.mybb.ru/profile.php?id=100">
<img src="http://s1.uploads.ru/i/q5LTj.jpg">
</a>
</td>
</tr>
<tr>
<td width="50%" valign="center">
<img src="http://s1.uploads.ru/i/ys9wi.jpg">
</td>
<td width="50%" valign="center">
<b>
<i>Пиар-менеджер</i>
</b>
<br>
<i>Вакантно</i>
</td>
</tr>
<tr>
<td width="50%" valign="center">
<b>
<i>Сценарист фантазийных эпизодов</i>
</b>
<br>
<i>Вакантно</i>
</td>
<td width="50%" valign="center">
<img src="http://s1.uploads.ru/i/ys9wi.jpg">
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</center>
<script type="text/javascript">
$(document).ready(function() {
$("td.submenutext").hide();
$("td.submenutext:first").show();
$(".menuButton").click(function() {
$(".menuButton").removeClass("tabactive");
$(this).addClass("tabactive");
var activeDiv = $(this).attr("alt");
$("td.submenutext *").hide(600)
$("td.submenutext").hide(1200)
$("td."+activeDiv).show(1200)
$("td."+activeDiv+" *").show(600)
return false; });
});
</script>Поправил Еще раз код
Отредактировано Deff (2012-08-25 13:45:36)
Там оказалось, что закрывающие теги оказались не в том месте (открыты в начале, а закрывались в самом конце блока). В общем работает )
