Поиск по сайту

Результаты поиска по тегам 'табы'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • HTML и CSS
    • Для начинающих
    • Препроцессоры, постпроцессоры и шаблонизаторы
    • Методологии
    • Фреймворки и библиотеки
  • JavaScript
    • Для начинающих
    • Фреймворки и библиотеки
    • Скрипты и плагины
  • Разработка сайтов
    • Для начинающих
    • Инструменты разработки, сборки и автоматизации
    • Аудит и анализ кода
    • Программное обеспечение разработчика
    • Веб-дизайн
    • Мобильные платформы
    • Open Source
  • Серверное программирование
    • Для начинающих
    • PHP
    • Платформы и языки программирования
    • Базы данных
    • Скрипты, готовые движки, CMS, конструкторы
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Сервер
    • Техническая поддержка
    • Веб-сервер
    • Базы данных
    • Хостинг
    • Домены
  • Интернет-маркетинг, SEO
    • Поисковая оптимизация
    • Поисковые системы
    • Продвижение и монетизация веб-сайта
    • Сервисы статистики и аналитики
    • Услуги и сервис
    • Покупка и продажа
  • Коммерческие услуги
    • Фриланс
    • Работа
    • Услуги и сервис
  • Давайте поговорим о ...
    • Общий
    • Хобби, отдых и развлечение
    • Человек и общество
    • Флейм
  • Наш форум
    • Конкурсы
    • Работа форума

Календари

  • События в Украине
  • События в России
  • События форума
  • События партнёров
  • Все события

Блоги

  • CMS (Системы управления контентом)
  • Руководство верстальщика
  • Блог HTMLforum.io

Группы меток

  • Разработчики
  • Front-end
  • Back-end
  • Обучение
  • Ищу работу
  • Предлагаю работу

Искать результаты в...

Искать результаты, содержащие...


Дата создания

  • Начать

    Конец


Последнее обновление

  • Начать

    Конец


Фильтр по количеству...

Зарегистрирован

  • Начать

    Конец


Группа


Web site


ICQ


Jabber


Skype


Откуда


Интересы

Найдено 4 результата

  1. olegN

    tabs в owl-carousel 2

    Подскажите пожалуйста. Проблема в том что в owl-carousel 2 не работают табы. Задача состоится в том что нужно сверстать слайдер, в слайдере сверстать табы. табы сами по себе рабочие, если вынести разметку(табов) за пределы слайдера то все работает, но если в слайдере табы перестают работать ? мб сталкивался кто то с такой проблемой ?
  2. Всем привет! Не получается сверстать вот такие табы не могу понять что делаю не так . все что получается у меня это непонятно почему вылезла эта линия внизу, в не активном режиме и не получается ее скрыть. При нажатии вроде как все нормально , а вот именно сначала вылазит эта линия . Надеюсь на помощь ) вот код <div class="col-md-7"> <div class="tabs_header clearfix"> <div class="wrapper"> <div class="tabs clearfix"> <span class="tab">Скидки учащимся</span> <span class="tab">Дополнительные скидки</span> </div> <div class="tab_content"> <div class="tab_item"> <ul> <li>10% владельцу карты на продолжение обучения на следующем уровне</li> <li>5% предъявителю карты на все программы обучения</li> <li>3-5% на обучение за рубежом</li> </ul> </div> <div class="tab_item">Содержимое 2</div> </div> </div> </div> .tabs_header .tab{ float: left; } .tabs_header .tabs span { display: inline-block; background:rgba(255,255,255,.25); padding:12px 18px; text-transform: uppercase; cursor: pointer; } .tabs_header .tabs span.active{ background-color: rgba(255,255,255,.35); color: #000; } .tabs_header .tab_content{ background-color: rgba(255,255,255,.35); padding:10px 18px; } .tabs_header ul li{ list-style-type: none; margin:0; padding: 0; text-transform: uppercase; color: #000; padding-left: 40px; } .wrapper .active { color: red; } .tab_item { display: none; } .tab_item:first-child { display: block; } $(document).ready(function() { $(".tab_item").not(":first").hide(); $(".tabs_header .wrapper .tab").click(function() { $(".tabs_header .wrapper .tab").removeClass("active").eq($(this).index()).addClass("active"); $(".tabs_header .tab_item").hide().eq($(this).index()).fadeIn() }).eq(0).addClass("active"); });
  3. У меня получается очень широкая таблица. Более 20 столбцов. Пришла идея в голову такая.. А что если сделать основные данные таблицей, а статистику (цифры), можно будет переключать табами. Таким образом на экране будет отображаться "Фиксированые данные с таблицы" + "информация с конкретного таба". Прикол заключается в том, что при выборе чекбокса - должны вся строка выделяться. Подскажите может знаете как сделать, или альтернативный вариант посоветуйте. Ниже визуальный вариант:
  4. http://codepen.io/anon/pen/dcHAu/ там при нажатии на табы - трабл. т.е. для левой колонк для контента задана минимальная высота 350 первая таблица вмещается а вторая вылазит за пределы а не удленяет. Надеюсь вы что-то в коде поймете) Помогите, там мб какая-то банальная ошибка в стилях((