Перейти к содержимому


Помогите С Установкой Css3 Вкладок (Табов)

css3 установка описание товар

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 318

#281 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 05 Декабрь 2014 - 02:11

Добавьте в самый конец вашего файла стилей style2.css следующий код

.tabs label {
  display: inline-block;
  float: none;
}
.tabs input {
  margin: 0 20px;
  width: 250px;
}
.tabs input#tab-2 {
  left: 294px;
}
.tabs input#tab-3 {
  left: 588px;
}
.content > div {
  display: none;
}
.content > div {
  transform: none;
}
.tabs input.tab-selector-1:checked ~ .content .content-1, .tabs input.tab-selector-2:checked ~ .content .content-2, .tabs input.tab-selector-3:checked ~ .content .content-3, .tabs input.tab-selector-4:checked ~ .content .content-4 {
  display: block;
}


#282 Serg83

Serg83

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 10 Декабрь 2014 - 16:46

добрый день

снова беда с табами обнаружилась, хот вроде бы ее уже исправлял...

1) текст идет вплотную к левой границе таба.
как его немного сдвинуть вправо?
2) идет наложение "пунктов" на текст (скрин)
3) как сдвинуть текст немного вниз от верхней границы таба?

скрины с проблемами приложены

1.jpg
2.jpg

#283 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 10 Декабрь 2014 - 16:57

Просмотр сообщенияSerg83 (10 Декабрь 2014 - 16:46) писал:

добрый день

снова беда с табами обнаружилась, хот вроде бы ее уже исправлял...

1) текст идет вплотную к левой границе таба.
как его немного сдвинуть вправо?
2) идет наложение "пунктов" на текст (скрин)
3) как сдвинуть текст немного вниз от верхней границы таба?

скрины с проблемами приложены

Прикрепленный файл 1.jpg
Прикрепленный файл 2.jpg
Здравствуйте.
В style2.css добавьте
.content-1, .content-2, .content-4, .content-4 {
padding: 10px;
}


#284 Наталья11111

Наталья11111

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 397 сообщений

Отправлено 12 Декабрь 2014 - 19:13

День добрый!

Хотела поменять текст в табах, старый текст удалила и съехало все:
1. во вкладке видны тексты всех вкладок
2. когда открываешь вторую и третью вкладки текст сильно уезжает влево и половины вообще не видно
3. опять появились полосы прокрутки вертикальная и горизонтальная

Помогите пожалуйста поправить.

#285 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 12 Декабрь 2014 - 19:46

Просмотр сообщенияНаталья11111 (12 Декабрь 2014 - 19:13) писал:

День добрый!

Хотела поменять текст в табах, старый текст удалила и съехало все:
1. во вкладке видны тексты всех вкладок
2. когда открываешь вторую и третью вкладки текст сильно уезжает влево и половины вообще не видно
3. опять появились полосы прокрутки вертикальная и горизонтальная

Помогите пожалуйста поправить.
Здравствуйте, уточните о каком аккаунте идет речь?

#286 Наталья11111

Наталья11111

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 397 сообщений

Отправлено 12 Декабрь 2014 - 20:18

Просмотр сообщенияИрина345 (12 Декабрь 2014 - 19:46) писал:

Здравствуйте, уточните о каком аккаунте идет речь?

Аккаунт SL-298479

#287 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Декабрь 2014 - 00:36

вы уверенны, что тот аккаунт указали? просто не обнаружила товара с 3 вкладками, находила 2 с названием товара и отзывами, если недоглядела, укажите пожалуйста ссылку на товар, например:
/goods/Zalog-za-butyl


#288 Наталья11111

Наталья11111

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 397 сообщений

Отправлено 13 Декабрь 2014 - 01:53

Просмотр сообщенияVaccina (13 Декабрь 2014 - 00:36) писал:

вы уверенны, что тот аккаунт указали? просто не обнаружила товара с 3 вкладками, находила 2 с названием товара и отзывами, если недоглядела, укажите пожалуйста ссылку на товар, например:
/goods/Zalog-za-butyl

Ой, забыла указать, это не товар, это страница Доставка и оплата
http://akwaservis.ru/page/Доставка

#289 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Декабрь 2014 - 02:49

Советую использовать другие вкладки, например:
http://dbmast.ru/ada...ki-taby-na-css3

Так как реализация выше влияет на адаптивность, они имеют фиксированный размер.

#290 Наталья11111

Наталья11111

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 397 сообщений

Отправлено 13 Декабрь 2014 - 02:52

Просмотр сообщенияVaccina (13 Декабрь 2014 - 02:49) писал:

Советую использовать другие вкладки, например:
http://dbmast.ru/ada...ki-taby-na-css3

Так как реализация выше влияет на адаптивность, они имеют фиксированный размер.

спасибо)) попробую переделать

#291 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Декабрь 2014 - 02:58

простите за причиненные неудобства, сразу не сообразили, что данные табы не поддерживают адаптивность и не уведомили вас об этом ранее

#292 Наталья11111

Наталья11111

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 397 сообщений

Отправлено 13 Декабрь 2014 - 03:02

Просмотр сообщенияVaccina (13 Декабрь 2014 - 02:49) писал:

Советую использовать другие вкладки, например:
http://dbmast.ru/ada...ki-taby-na-css3

Так как реализация выше влияет на адаптивность, они имеют фиксированный размер.


Это супер, еще раз спасибо))

#293 Serg83

Serg83

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 17 Декабрь 2014 - 18:26

Просмотр сообщенияDanil (10 Декабрь 2014 - 16:57) писал:

Здравствуйте.
В style2.css добавьте
.content-1, .content-2, .content-4, .content-4 {
padding: 10px;
}

увы, не помогло

#294 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 18 Декабрь 2014 - 02:29

.content-1, .content-2, .content-4, .content-4 {
	padding: 10px;
}
замените на:
.tabs .content > div {
	padding: 10px;
}


#295 Serg83

Serg83

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 22 Декабрь 2014 - 16:45

Просмотр сообщенияVaccina (18 Декабрь 2014 - 02:29) писал:

.content-1, .content-2, .content-4, .content-4 {
padding: 10px;
}
замените на:
.tabs .content > div {
padding: 10px;
}

спасибо!

#296 Котуся

Котуся

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 07 Июль 2016 - 14:31

Добрый день!

Прошу помочь мне правильно настроить табы на главной.
Там 6 вкладок, в каждой вкладке свой прайс (таблички готовы, расположены ниже на главной).

Я начинаю их переносить, а в самой первой вкладке ничего не отражается.
И полностью таблица не влезает, нужно добавить опцию "смотреть дальше", для полного просмотра прайс листа.

Помогите плиз, уже третий день бьюсь - не получается.

http://fanera003.ru/

#297 Котуся

Котуся

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 07 Июль 2016 - 14:57

и первая вкладка не открывается теперь, только при обновлении страницы

#298 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 08 Июль 2016 - 16:57

Просмотр сообщенияКотуся (07 Июль 2016 - 14:57) писал:

и первая вкладка не открывается теперь, только при обновлении страницы
Уточните, пожалуйста, о каких табах на главной идет речь?

#299 Котуся

Котуся

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 12 Июль 2016 - 10:15

Добрый день!

Сейчас откачу назад.

#300 Котуся

Котуся

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 12 Июль 2016 - 15:48

Вы поможете или нет?
В ожидании ответа опять полдня сайт с не настроенными табами провисел, клиентов пугал, а это между прочим деньги!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных