Здравствуйте!
На форуме установлена таблица с открывающимися вкладками.
Вот так это должно выглядеть:
Но я сохраняю настройки и объявление в админке, обновляю страницу, все хорошо, а спустя минут 10-15 таблица глючит и выглядит вот так:
А при переходе на вторую вкладку страница перескакивает ниже так, что объявление находится в самом начале наверху страницы и выглядит следующим образом:
Вот это у меня стоит в "объявлении":
Код:
<div style="width: 804px; height: 220px; OVERFLOW: hidden; border: 0px solid #000; background: transparent url(http://savepic.ru/14663109.png) no-repeat">
<table width="100%" border="0">
<tr>
<td width="235px"><div style="margin: 0px 0px 0px 10px; padding: 15px 15px 10px 17px; width: 170px; height: 307px; OVERFLOW: auto; border: 0px solid black; background-color: transparent">
<font size="4" face="Book Antiqua" color="#140d08"><center><b>Приветствуем!</b></center></font>
<center>Вы находитесь на официальном форуме СНТ "Ягодка", где публикуются последние новости, важные объявления, где жители обмениваются приятными впечатлениями и просто общаются друг с другом.<br>
<a href="https://vk.com/club427437" target="blank"><img src="http://savepic.ru/14661928.png"></a></center>
</div>
</td>
<td><div style="width: 540px; height: 200px; margin-top: -120px; OVERFLOW: hidden; border: 0px solid black;"><ul class="tabs">
<li class="active"><a href="#tab1">Новости</a></li>
<li><a href="#tab2">Полезные ссылки</a></li>
</ul>
<div class="tab_container1">
<div style="display: block"; id="tab1"; class="tab_content">
<div style="margin-top: 0px; OVERFLOW: hidden; border: 0px solid #800000"; height:auto;>
<p align="justify">
• <b>15 июля</b> состоится празднование <b>50-летия "Ягодки"</b>! Приглашаются все желающие! (<a href="http://sntyagodka.mybb.ru/viewtopic.php?id=5#p18"><i>читать подробнее</i></a>).<br><br>
• С <b>1 июля</b> повышается цена на электроэнергию (<a href="http://sntyagodka.mybb.ru/viewtopic.php?id=8#p21"><i>читать подробнее</i></a>).
</div></div>
<div style="display: block;" id="tab2" class="tab_content">
<a class="tvm" href="http://sntyagodka.mybb.ru/viewtopic.php?id=7#p20">Телефоны экстренных служб</a>
<a class="tvm" href="http://sntyagodka.mybb.ru/viewtopic.php?id=3#p7">ФЗ об СНТ в последней редакции</a>
<a class="tvm" href="http://sntyagodka.mybb.ru/viewtopic.php?id=9#p22">П/п с реквизитами "Ягодки"</a>
<a class="tvm" href="http://sntyagodka.mybb.ru/viewtopic.php?id=10#p23">Нежелательные растения</a>
</div>
</div>
</div></div></td>
</tr>
</table></div>А вот это - в html-низ:
Код:
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>Что происходит и как решить данную проблему?
Форум: http://sntyagodka.mybb.ru
Отредактировано Агро (Сб, 8 Июл 2017 22:50:08)
