Jump to content

Igor Schnaider

Expert
  • Posts

    824
  • Joined

  • Days Won

    81

Community Answers

  1. Igor Schnaider's post in Как правильно сделать раскрывающиеся блоки со скрытым содержанием внутри? was marked as the answer   
    Так не плодите сущности. Стрелочка явно относится к самому блоку – пусть сам блок отвечает за свое состояние, а стрелка уже от него подтянет нужные стили.
    .div.open { } .div.open .arrow-test { }
  2. Igor Schnaider's post in Проблема с ссылками при прокрутке was marked as the answer   
    Похоже, контекст наложения сбивается. Попробуйте его явно "прибить". Можете для .frame__content добавить какое-нибудь из правил:
    .frame__content { /* option #1 */ z-index: 0; /* option #2 */ transform: translateZ(0); }  
  3. Igor Schnaider's post in Как исправить блок под Safari? was marked as the answer   
    Да вроде ничего не тянет.
    FF:

    Safari:

  4. Igor Schnaider's post in Как расположить radio input вертикально? was marked as the answer   
    Ну, и... Говорю же, из-за опечатки: https://jsfiddle.net/vzyp2Lcx/
  5. Igor Schnaider's post in Выравнивание таблицы влево was marked as the answer   
    table { table-layout: fixed; } th:last-child { width: 100%; }  
  6. Igor Schnaider's post in Абсолютно позиционированные элементы и свойство display was marked as the answer   
    По поводу расположения написал же выше.
    Кажется понял, в чем у вас путаница. position: absolute делает элемент блочным в том смысле, что у него создается блочный контекст форматирования. Это не совсем одно и то же, что и display: block.
  7. Igor Schnaider's post in Js код для открытия одинаковых окон was marked as the answer   
    На CSS можно.
  8. Igor Schnaider's post in Экранирование кавычек в sass was marked as the answer   
    $tablet-width: 'min-width: 750px'; .main-header { width: 100px; height: 100px; @media (#{$tablet-width}) {} }  
  9. Igor Schnaider's post in откуда берется этот отступ? was marked as the answer   
    https://jsfiddle.net/fvc8sL59/
  10. Igor Schnaider's post in Горизонтальный скролл was marked as the answer   
    У вас тут расхождение:
    .container { min-width: 1000px; padding: 0 10px; /* ☜ */ margin: 0 auto; } .row { display: flex; margin: 0 -15px; /* ☜ */ } Либо 10px, либо 15px.
  11. Igor Schnaider's post in Не работает обрезка clip-path для анимированного элемента с transform в Chrome и Opera was marked as the answer   
    В общем, методом тыка пришел к тому, что нужно дублировать свойство в атрибуте style. ¯\_(ツ)_/¯
    https://codepen.io/anon/pen/RgJyrB
    Новый Firefox уже поддерживает clip-path: polygon, для старых нужен fallback на SVG. IE и Edge вообще никак.
  12. Igor Schnaider's post in Mask in SVG was marked as the answer   
    Лучше сам текст использовать в качестве маски для шестиугольника. Типа такого. И я бы преобразовал его в пути, чтобы он не поехал с центра, если будет использоваться fallback шрифт.
  13. Igor Schnaider's post in Как это сверстать? was marked as the answer   
    Во-первых, не надо рисовать вручную. Делайте в редакторе.
    Нарисовали один многоугольник, клонировали его, поставили все на свои места. Оптимизатор их съест в один path. Отдельно — линия, которая будет иллюстрировать прогресс. И маска для картинки.
    Сам текст можно простым HTML вставить поверх.
  14. Igor Schnaider's post in Chrome: сбрасываются стили при сворачивании видео was marked as the answer   
    Попробуйте сбросить их:
    :-webkit-full-screen-ancestor:not(iframe) { all: unset; }  
  15. Igor Schnaider's post in Проблема с Flex was marked as the answer   
    Похоже, что meta viewport нет. Но все равно, по сетке у вас выравнивания не получиться. Или вы про другое, может я вопрос неправильно понял.
  16. Igor Schnaider's post in Не выравниваются путкты меню по ширине was marked as the answer   
    пример
    upd.
    Вообще, можно на флексе сделать и не мучиться.
  17. Igor Schnaider's post in FlexBox и адаптив was marked as the answer   
    В случае с flexbox и flex-basis это, скорее, ближе к Element Queries. Media Queries все же завязаны на ширину вьюпорта. Поэтому решайте.
  18. Igor Schnaider's post in Что лучше выбрать defer или $(document).ready was marked as the answer   
    Страница к тому моменту уже загрузилась. А вот отрисовку блокирует.
  19. Igor Schnaider's post in Фон изображение с диагональными полосами, адаптивный was marked as the answer   
    Ну что-то типа такого.
  20. Igor Schnaider's post in Как заменить радиокнопку рамкой в картинке? was marked as the answer   
    input:checked ~ img { border: 1px solid; }  
  21. Igor Schnaider's post in Блок was marked as the answer   
    Типа такого?
  22. Igor Schnaider's post in Центрирование абсолютно позиционированного блока was marked as the answer   
    margin: auto; будет работать только если явно установлена ширина/высота (и top = right = bottom = left = 0).

    Без явных размеров так:
    /* ... */ p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }  
  23. Igor Schnaider's post in Проблема с clip-path: url(#foo) was marked as the answer   
    Там вместо процентов надо указывать значения от 0 до 1 (0 — 0%, 1 — 100%, .5 — 50% и т. д.). И еще используйте атрибут clipPathUnits="objectBoundingBox".
  24. Igor Schnaider's post in Кроссбраузерность line-height или как правильно центровать текст по вертикали was marked as the answer   
    Браузеры все равно будут немного по-разному расчитывать эти размеры. Идеального соответствия вы не добъетесь. Все, что можно сделать, привязать иконку к тексту. Прыгать все равно будут, но уже вместе.
  25. Igor Schnaider's post in Подскажите как грамотно сверстать??? was marked as the answer   
    А что тут? Обычные блоки, а под ними полоска. ;-) Каждый блок состоит из трех частей (юзерпик, цитата и имя). Потом просто меняете местами их. Если на flexbox, то через order.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy