Deff
убрал. но контейнеры все равно вылезают
Пара простеньких вопросов
Сообщений 81 страница 85 из 85
Поделиться81Чт, 25 Июл 2013 18:34:23
Поделиться82Чт, 25 Июл 2013 19:03:01
Bakanishi
Ни наю -
Пробуйте поменять css (переставил пункт
<!-- Стиль меню таблицы в объявлении -->
<style type="text/css">
/****************************************
Таблица с переключаемыми Вкладками****************************************/
#tab2,#tab2*{
paddibg:0;
margin:0;
}
.tab-content {
display:none;
width:100%;
height:226px;
color:#fff;
overflow-y:auto;
}
#tab2 {
background:transparent url(http://s4.uploads.ru/QuOwM.png) 0 0 no-repeat;
height:282px;
width:790px;
}
#tab2,#tab2 td{
border:none 0 transparent!important;
border-collapse:collapse;
}
img[data^="tab"]{
cursor:pointer;
height:100%;
border:none 0 transparent!important;
}
</style>
Суть в том, что изначально блоки скрыты
пункт
.tab-content {
display:none;
Почему это происходит у Вас - неясно
Если продолжиться - уберите все скрипты не относящиеся к таблице, затем ставьте по-одному и наблюдайте
Поделиться83Чт, 25 Июл 2013 19:05:03
Bakanishi
Вот это нахрена у Вас стоит ?
<!-- Контейнер контента 5-й кнопки -->
<div id="tab-5" class="tab-content" style="display:block;">Контент 5-й кнопки
</div>
<!-- Контейнер контента 6-й кнопки -->
<div id="tab-6" class="tab-content" style="display:block;">Контент 6-й кнопки
</div>
<!-- Контейнер контента 7-й кнопки -->
<div id="tab-7" class="tab-content" style="display:block;">
Поделиться84Чт, 25 Июл 2013 19:12:03
Deff
не знаю. я просто скопировал один из контейнеров и размножал, меняя номера... ммм... видимо я скпировал первый. а он задает первую картинку...
простите, спасибо за помощь.
Поделиться85Чт, 25 Июл 2013 19:16:34
Bakanishi
Этот скрипт
<script type="text/javascript">
$.fn.switch_tabs = function() {
var tbl = this,knopK = $("img[data^='tab']",tbl);
knopK.each(function(){
var arr = $(this).attr('data').split(",");
$(this).css("background-image","url("+arr[1]+")")
}); knopK.css("background-position","120% 10000px")
knopK.css("background-repeat","no-repeat")knopK.click(function(){
knopK.removeClass('active');
$(this).addClass('active');
var arr = $(this).attr('data').split(",");
tbl.css("background-image","url("+arr[1]+")")
$(".tab-content",tbl).hide();
$("#"+arr[0]+"",tbl).show();
});
}
</script>
От таблицы!
И лучше к каждой кнопке ставить бекграунды с выделением текущей кнопки графически, ибо весь смысл данной таблы, что в заисимости от кнопки - менять оформление как нравиться!