Дата: Среда, 2015-12-09, 00:04 | Сообщение #
1На одной из страниц есть код вкладок:
<div class="tabs">
<input id="tab1" type="radio" name="tabs" checked>
<label for="tab1" title="Вкладка 1">Вкладка 1</label>
<input id="tab2" type="radio" name="tabs">
<label for="tab2" title="Вкладка 2">Вкладка 2</label>
<input id="tab3" type="radio" name="tabs">
<label for="tab3" title="Вкладка 3">Вкладка 3</label>
<input id="tab4" type="radio" name="tabs">
<label for="tab4" title="Вкладка 4">Вкладка 4</label>
<section id="content1">
<p>
Здесь размещаете любое содержание....
</p>
</section>
<section id="content2">
<p>
Здесь размещаете любое содержание....
</p>
</section>
<section id="content3">
<p>
Здесь размещаете любое содержание....
</p>
</section>
<section id="content4">
<p>
Здесь размещаете любое содержание....
</p>
</section>
</div>
На ГЛАВНОЙ странице тоже используется section для слайдера и пр.
После вставки в css кода
section {
display: none;
padding: 15px;
background: #fff;
border: 1px solid #ddd;
}
содержимое ГЛАВНОЙ страницы пропадает! А на странице, где должны быть вкладки, в итоге они отображаются и работают без проблем. Пожалуйста, подскажите, кто знает, в чём проблема? Идёт какой-то конфликт section или что я не так делаю?
