Новое
На Зефире прошла небольшая реорганизация. Подробности читайте в теме Вестника

● Смена дизайна! Выражаем благодарность tørst vinden!

Зефир

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Зефир » Все для работы с кодами » Нужна таблица.


Нужна таблица.

Сообщений 31 страница 33 из 33

1

Если вам необходима таблица на форум, можете обратиться в эту тему. Правил всего два, и они несложные:
1. Обаятельна ссылка на тестовик/чистовик, если у вас проблема с:
   - Позиционированием тех или иных элементов;
   - Настройкой таблицы;
   - Заполнением информации;
   - Подгонкой таблицы под дизайн.

2. Наличие эскиза с подробным указанием, что и где, если:
   - Вы хотите таблицу с ноля;
   - Вы хотите таблицу "как там" (ссылка "там" прилагается) с описанием изменений.

Помогает любой желающий.

0

31

Майк написал(а):

это вкладки таблицы? или же кнопки для всплывающей панели с текстом?

наверное вкладки Оо

Майк написал(а):

поясните (или пример)

вот как тут только чтобы эти надписи были сверху, а не сбоку, сбоку чтобы были просто важные ссылки
http://smmystery.anihub.ru/

0

32

Код:
<table width = 100%>
<tr><td width = 25% class = 'linkt'><a href='google.com'>aaa</a></td><td><div class="korpus">
  <input type="radio" name="odin" checked="checked" id="vkl1"/><label for="vkl1">CSS</label><input type="radio" name="odin" id="vkl2"/><label for="vkl2">HTML</label><input type="radio" name="odin" id="vkl3"/><label for="vkl3">Дополнительно</label>
  <div>первая вкладка</div>
  <div>вторая вкладка</div>
  <div>третья вкладка</div>
</div></td></tr>
</table>

<style>
.korpus > div, .korpus > input { display: none; }

.korpus label { padding: 5px; line-height: 28px; cursor: pointer; position: relative; bottom: 1px; }

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3) { display: block; padding: 5px;}

.linkt a, .inkt a:hover  {
  display: block;
  margin: 1px;
  padding: 0px 5px;
  -moz-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;}

.linkt a:hover {
  letter-spacing: 2px;}

</style>

+1

33

Майк,  спасибки))) http://sa.uploads.ru/WYeMS.png

0


Вы здесь » Зефир » Все для работы с кодами » Нужна таблица.


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC