Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Облака: ожидание vs реальность
Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
batareika

Valery

  • 31
    вклад
  • 0
    вопросов
  • 36
    ответов
  • 50%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Как изменить цвет родительского div'a при наведении на дочерний?

    batareika
    Valery @batareika
    У вас меню выпадает при наведении на #nav li, верно?
    При #nav li:hover этот пункт меняет цвет и выпадает меню, которое находится в этом li?
    Задача должна решаться простым
    #nav li:hover > a { background: #f5f5f5; }
    Ответ написан более трёх лет назад
    Комментировать
    Нравится 4 Комментировать
  • Как отсеять часть элементов, выбираемых по селектору класса?

    batareika
    Valery @batareika
    $('.class:not(#id)').slideUp() подойдет?
    :not()
    Ответ написан более трёх лет назад
    Комментировать
    Нравится Комментировать
  • Можете помочь с выявлением бага в браузерных эмуляторах?

    batareika
    Valery @batareika
    У вас в background-position прописано только одно измерение, а нужно два (x и y). Фаерфокс и вебкит додумывают по-своему, поэтому и отличия.
    Замените на background-position: 0 0, или на background-position: left top, или как в вашем случае будет нужно

    upd: поскольку сафари на вебките, то отображает как хром: тык
    Ответ написан более трёх лет назад
    Комментировать
    Нравится 2 Комментировать
  • Как тестировать верстку под iphone?

    batareika
    Valery @batareika
    Ставите VMware. Берете образ Mac OS, например этот. Затем на готовой виртуальной машине ставите Xcode, где и будут доступны эмуляторы всех Apple-устройств, начиная с планшетов и заканчивая часами

    c3081cde5ae54c83a2de7c1add8d2c93.png
    Ответ написан более трёх лет назад
    2 комментария
    Нравится 2 2 комментария
  • Как сделать чтобы каждый из li заканчивался по окончанию текста?

    batareika
    Valery @batareika
    Либо обернуть текст в какой-нибудь <span> со свойством display: inline-block, либо по-грязному прописать display: table для <li>
    Ответ написан более трёх лет назад
    1 комментарий
    Нравится 1 комментарий
  • Есть CSS меню. Выпадает при наведении. Как из него сделать совместимое меню с планшетниками?

    batareika
    Valery @batareika
    Когда-то набросал принцип работы такого меню.
    Через modernizr отлавливаем устройства с тачскрином и через js добавляем/убираем класс с теми же стилями, что и у :hover
    Ответ написан более трёх лет назад
    2 комментария
    Нравится 1 2 комментария
  • Что делать с багом в Хроме?

    batareika
    Valery @batareika
    Попробуйте добавлять pointer-events: auto после того, как анимация закончится

    <script>
    	window.onload = function(){
    		document.getElementById('test').style.webkitTransform = "translate3d(0px, 250px, 0px)";
    
    		setTimeout(function(){
    			document.getElementById('test').style.pointerEvents = "auto";
    		},400)
    	}
    </script>
    Ответ написан более трёх лет назад
    Комментировать
    Нравится Комментировать
  • Возможно ли организовать эффекты на CSS3?

    batareika
    Valery @batareika
    Зачем усложнять себе жизнь? Прикрутите какой-нибудь wow.js
    Ответ написан более трёх лет назад
    Комментировать
    Нравится 1 Комментировать
  • Как сверстать такое распололожение блоков?

    batareika
    Valery @batareika
    Конкретно в данном случае достаточно будет
    margin-top: -420px для .b12

    Но вообще для таких целей лучше использовать Masonry
    Ответ написан более трёх лет назад
    Комментировать
    Нравится Комментировать
  • Как установить для блока атоматическую высоту?

    batareika
    Valery @batareika
    Flex
    Абсолютное позиционирование
    upd: еще вот такое извращение
    Если зеленые блоки не будут иметь фиксированную высоту, то остается использовать flex
    Ответ написан более трёх лет назад
    1 комментарий
    Нравится 1 1 комментарий
  • Почему генератор fontsquirrel обрезает кириллицу? Как сделать чтоб не?

    batareika
    Valery @batareika
    Выбирайте No Subsetting:
    3836cce981aa411eaf9e64f7c625224c.png
    Ответ написан более трёх лет назад
    Комментировать
    Нравится 2 Комментировать
  • Как сделать бесконечное число слайдеров на странице?

    batareika
    Valery @batareika
    В последнем проекте использовал такой код для вывода множества одинаковых каруселей:
    var tileSlider = $('.tile-slider');
    tileSlider.each(function(){
        var mySwiper = new Swiper(this, {
            loop: true,
            nextButton: $(this).parent().find('.tile-slider-next')[0],
            prevButton: $(this).parent().find('.tile-slider-prev')[0]
        });
    });
    Ответ написан более трёх лет назад
    5 комментариев
    Нравится 3 5 комментариев
  • Как сделать, чтобы браузер правильно понял код?

    batareika
    Valery @batareika
    habrahabr.ru/post/142486

    TL;DR
    Стандартное поведение обтекаемых дочерних элементов (float: left). Родителю либо прописывается overflow: hidden/auto, либо применяется clearfix
    Ответ написан более трёх лет назад
    Комментировать
    Нравится 1 Комментировать
  • Как отцентрировать по вертикали и горизонтали блок внутри блока?

    batareika
    Valery @batareika
    Еще вариант: codepen.io/anon/pen/ZGoxbp
    Ответ написан более трёх лет назад
    Комментировать
    Нравится 1 Комментировать
  • У блока меню плывет верстка, как исправить?

    batareika
    Valery @batareika
    У вас высота блока больше, чем фоновое изображение. Пропишите белый background-color для .dropdown_nav, например.
    И рамку можно через css нарисовать. И фон градиентом через css залить
    Ответ написан более трёх лет назад
    1 комментарий
    Нравится 1 1 комментарий
  • CSS: Как фиксированный элемент может скроллиться?

    batareika
    Valery @batareika
    Поведение и правда интересное. Интересно и то, что при сохранении странички на компьютер проблема пропадает. Так же, как пропадает обертка
    < div class="designmodo-wrapper home page page-id-1483 page-parent page-template-default" />

    У которой прописано transform: translate3d(0, 0, 0). Что и заставляет фиксированное меню вести себя так, словно оно спозиционированно относительно этого родителя, а не вьюпорта. Вот пример на codepen для наглядности: codepen.io/markdebeer/pen/qrBDm
    Но если убрать transform: translate3d на сайте через инспектор, проблема остается (в отличие от примера на codepen). Не знаю, куда копать дальше
    Ответ написан более трёх лет назад
    1 комментарий
    Нравится 2 1 комментарий
  • Как правильно сделать бургер?

    batareika
    Valery @batareika
    Показывайте и скрывайте меню через присвоение отдельного класса, например:
    burger.on('click', function(){
        menu.toggleClass('visible')
    })

    И все будет гибко контролироваться через css
    Ответ написан более трёх лет назад
    2 комментария
    Нравится 2 2 комментария
  • Какой плагин посоветуете?

    batareika
    Valery @batareika
    Swiper
    Ответ написан более трёх лет назад
    Комментировать
    Нравится Комментировать
  • Как сделать, чтобы один прозрачный блок перекрывал другой?

    batareika
    Valery @batareika
    Сделать обертку для второго дива с overflow: hidden не вариант?
    codepen.io/anon/pen/yNpjgW
    Ответ написан более трёх лет назад
    Комментировать
    Нравится 2 Комментировать
  • Плавный переход Навигационного меню?

    batareika
    Valery @batareika
    В вашем примере оно прыгает из-за того, что у body есть margin. Обнулите:
    body {
        margin: 0;
    }
    Ответ написан более трёх лет назад
    2 комментария
    Нравится 2 комментария
Оценили как «Нравится»
  • 1
  • 2
  • Следующие →
Самые активные сегодня
  • rPman
    • 12 ответов
    • 0 вопросов
  • Stalker_RED
    Stalker_RED
    • 10 ответов
    • 0 вопросов
  • sergey-gornostaev
    Сергей Горностаев
    • 7 ответов
    • 0 вопросов
  • Born2Lose
    Валерий
    • 7 ответов
    • 0 вопросов
  • DevMan
    DevMan
    • 5 ответов
    • 0 вопросов
  • Jump
    АртемЪ
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации