• Страница 1 из 1
  • 1
Пропадает содержимое главной страницы
Critick Оффлайн
Проверенный
0
Дата: Среда, 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 или что я не так делаю?
Профиль
Critick Оффлайн
Проверенный
0
Дата: Среда, 2015-12-09, 15:08 | Сообщение # 2
Блин, там перед section{} надо было поставить .tabs и всё нормально стало)
Профиль
  • Страница 1 из 1
  • 1
Поиск: