Ответы пользователя по тегу CSS
  • Как отцентрировать картинку по вертикали внутри блока с динамической высотой?

    @f0rmat1k
    Если IE9+, то вот способ, при котором картинка будет по центру блока, даже если она большей высоты.

    .item { position: relative }
    .item img {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
    }
    Ответ написан
    Комментировать
  • Слайдер смещается на лишних 2-3 пикселя, как решить?

    @f0rmat1k
    Сайт заказчика не открывается. Скорее всего проблема в том, что у вас нет пробелов между картинками, а у заказчика каким-то образом они появились.
    Ответ написан
    Комментировать
  • Как согласно методологии BEM правильно сверстать такой участок макета?

    @f0rmat1k
    1. В БЭМе итак блоки. Поэтому блок оставьте как есть block : 'information'. Тут ведь буквально написано блок: информация.
    2. Вопрос не ясен. Да, в блоке information нет элементов, но как это связано со второй частью вопроса?
    Так или иначе в bemjson можно делать миксы — то есть миксовать элементы блока на другие блоки или блоки на элементы другого блока или блок на блок и т.п.
    3, 4. Да, конечно должны. Можно конечно оставить элемент city в блоке city, но лучше элемент назвать name или title. И немного смущает элемент opening-times в блоке telephone. Может вместо блока telephone сделать элемент блока information с названием section? Как вариант предлагаю так, обойтись единственным блоком information:
    {
        block : 'information',
        content : [
            {
                elem: 'section',
                mods : { float : 'none' },
                content : [
                    {
                        elem : 'phone-number',
                        content : '8 (831) 280-96-51'
                    },
                    {
                        elem : 'opening-times',
                        content : 'Пн-Пт: 9:00-18:00'
                    }
                ]
            },
            {
                elem: 'section',
                content : [
                    {
                        elem : 'phone-number',
                        content : '8 (800) 555-18-38'
                    },
                    {
                        elem : 'additional-information',
                        content : 'Звонок по России бесплатный'
                    }
                ]
            },
            {
                elem: 'section',
                mods: { type: 'city' }
                content : [
                    {
                        elem : 'city',
                        content : 'Нижний Новгород'
                    },
                    {
                        elem : 'additional-information',
                        content : 'Доставка по городу и области бесплатная'
                    }
                ]
            }
        ]
    }
    Ответ написан
  • Хаки для Safari?

    @f0rmat1k
    Скорее всего нормального хака не существует. Я вообще не припоминаю для вебкит хотя бы одного хака (хитрые css3 селекторы — это не хаки). А каким образом вам поможет хак, если проблема решается всякими лишними дивами? К слову, в нашей стране доля браузеров, не поддерживающих calc сильно больше доли сафари.
    Ответ написан
  • Стилизация invalid полей?

    @f0rmat1k
    Разве не работает?
    :invalid, :invalid:required {
    }
    Ответ написан
    Комментировать
  • Почему на телефоне прыгает fancybox?

    @f0rmat1k
    Скорее всего дело не в fancybox, а в поведении fixed-блоков на мобильных девайсах. При зуме во время скроллинга они меняют свое положение пропорционально уровню скроллинга. С этим скорее всего ничего не поделать.
    Ответ написан
    Комментировать