Namiko Roka, перед установкой нового объявления не забудьте стереть все дополнения к старому,
в объявление:
Код:
<table width="100%" height="400" border="1" style="text-align: center; border: 2px solid #F4C851;" cellspacing="0" cellpadding="0">
<tr><td width="50%" style="background: url(ссылка на бэкграунд в колонке новостей) no-repeat center;">
<div style="width: 100%; height: 198px; overflow: auto;">
<font size="2"><b>Новости</b></font><br/><br/>
Текст новостей
</div></td><td width="50%" style="background: url(ссылка на бэкграунд в правой колонке с таблицей) no-repeat center;">
<!-- Вложенная Таблица -->
<style>
#menu span {
padding: 7px 7px 7px;
margin: 10px 5px;
width: 100px;}
#menu .tabactive {
color: #ff0000;
text-decoration: underline;}
#submenu {
margin-top: 7px;
text-align: center;
width: 500px;}
.submenutext {
display: none;
height: 365px;
padding: 3px;}
#MenuTxT {
background:url(ссылка на подфоновое изображение - постоянное - в переменном контенте, при ненадобности - удаляется весь пункт) no-repeat center;}
</style>
<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>
<center><table style="width: 100%; height: 400px;" border="0">
<tbody>
<tr height="30">
<td>
<div id="menu"><b>
<span alt=#sm1 "style="cursor: pointer;">Кнопка 1</span>
<span alt=#sm2 "style="cursor: pointer;">Кнопка 2</span>
<span alt=#sm3 "style="cursor: pointer;">Кнопка 3</span>
<span alt=#sm4 "style="cursor: pointer;">Кнопка 4</span>
<span alt=#sm5 "style="cursor: pointer;">Кнопка 5</span>
</b>
</div>
</td>
</tr>
<tr>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;"><div style="width: 100%; height: 363px; overflow: auto;">
<br/>
Текст в первом блоке
</div></div>
<div id="sm2" class="submenutext"><div style="width: 100%; height: 363px; overflow: auto;"><br/>
Текст во втором блоке
</div></div>
<div id="sm3" class="submenutext"><div style="width: 100%; height: 363px; overflow: auto;">
<table width="100%" height="100%" border="0" cellspacing="15">
<tr><td></td></tr>
<tr height="130"><td style="border: 1px solid #E1A441;">
Первая колонка без прокрутки
</td></tr>
<tr><td></td></tr>
<tr><td style="border: 1px solid #E1A441;"><div style="width: 100%; height: 130px; overflow: auto;">
Вторая колонка с прокруткой
</div></td></tr>
</table>
</div></div>
<div id="sm4" class="submenutext"><div style="width: 100%; height: 363px; overflow: auto;"><br/>
Текст в четвертом блоке
</div></div>
<div id="sm5" class="submenutext"><div style="width: 100%; height: 363px; overflow: auto;"><br/>
Текст в пятом блоке
</div></div>
</td>
</tr>
</tbody>
</table></center>
<!-- Конец Вложенной Таблицы -->
</td></tr>
</table>Отредактировано Rion Leonheart (Пн, 19 Дек 2011 17:25:06)
