129580_original
Время для прочтения: 0 мин. 0 сек.

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

26 комментариев

по хронологии
по рейтингу сначала новые по хронологии

Ну-ну, я такое ещё в imagos'е реализовывал.

Автор
Кобзарёв Михаил

Мишань, а как же ты тогда Оперу поборол в те далёкие времена?

Привет. Не подскажешь, как выделить в данном способе текущую выделенную вкладку?

Автор
Кобзарёв Михаил

Чуток скриптов придется добавить.

Интересный пример, но такие тыбы годятся только для простых вкладок, коды видеоплеера в такие табы не воткнёшь потому что при открытии новой вкладки с плеером - предыдущий плеер не закрывается и продолжает работать.

Автор
Кобзарёв Михаил

Естественно, что без JavaScript невозможно остановить воспроизведение аудио/видео-ролика. Данный способ не рассчитан на работу со скриптами, хотя добавить их очень просто. И заставить остановиться плеер тоже не составит труда при наличии у него JavaScript-API.

Кирилл

Спасиб. Жаль что нет возможности воздействовать через один элемент на стили другого. Подобный аналог есть в css - target - но для него ie минимум 9.

Но как вариант без js и кросбраузер - он единсвтвенный.

Было бы классно видеть скрины рецептов, ибо пробовать вслепую как-то не хочется)

А в целом спасибо)

Автор
Кобзарёв Михаил

В статье есть ссылка на пример

А как обойти фикс. высоту height: 320px;? Точнее для каждого таба сделать её разную, динамическую... Чтобы можно было коды комментов вставлять и не следить за этой высотой контента.

Автор
Кобзарёв Михаил

Попробуйте height заменить на min-height

Не пашэ min-height. Как подгонять под размер контейнера?

Сергей

Хорошее решение, спасибо! Но есть проблема. Как сделать, чтобы при нажатии по вкладке страница не перескакивала экраном к началу этой же вкладки?

Автор
Кобзарёв Михаил

Боюсь, на чистом CSS2 сделать так не получится. Можно попробовать прикрутить CSS3 или JavaScript

Сергей

Было бы замечательно, если в примере появится небольшой JS, решающий эту проблему, а то эти скачки раздражают просто ужасно. Спасибо.

Ну тогда это уже будут не CSS вкладки

Только девушку в начале статьи убрать надо, чтобы не отвлекала от работы)))

Зачем же? Это мотивация

начальник посмотрит на мой монитор и не поймет: работаю я или развлекаюсь

Отключите картинки для это сайта ))) Тут таких мотивационных постов много

Sergiusz Koczanowski

Спасибо.

Всегда пожалуйста

Это великолепно, я удивлен и никогда бы не подумал так делать)

Все до безобразия просто и понятно

Использую этот вид Таба. При нажатии на кнопку, происходит небольшой скрол страницы вниз, которого не должно быть. Как убрать этот скрол? Пример(левый сайдбар) - http://appsquared.ru/category/top

Никак - в этом и есть смысл табов. Без JavaScript тут не обойтись