Igor Schnaider

Эксперт
  • Публикации

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

  • Посещение

  • Дней в лидерах

    71

Последний раз Igor Schnaider выиграл 10 августа

Публикации Igor Schnaider были самыми популярными!

Репутация

167 Хорошая

О Igor Schnaider

  • Звание
    Специалист
  • День рождения 07/04/1993

Информация

  • Пол
    мужской

Посетители профиля

1884 просмотра профиля
  1. Igor Schnaider

    Цитата

    http://jsbin.com/hovukenipi/ Либо так. Не совсем понял: в случайном порядке все выводились или первый брался случайно, а потом по порядку.
  2. Igor Schnaider

    Цитата

    http://jsbin.com/reyiwaxivu/edit?js,output
  3. Igor Schnaider

    Блок с закруглёнными краями и градиентным border

    Не в %, а в тех же em/rem. По-нормальному, внутренний радиус должен быть чуть меньше внешнего, но для простоты я взял равный высоте. https://codepen.io/anon/pen/JabaKr
  4. Igor Schnaider

    Блок с закруглёнными краями и градиентным border

    Все размеры кнопки, в том числе border-radius, можно привязать к размеру шрифта для пропорционального масштабирования. То, что много стилей в результате, в данном случае не страшно. Для псевдоэлемента не указывайте фиксированные размеры: button:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 10px; /* or just top, right, bottom, left: 10px; without margin */ background-color: #fff; border-radius: inherit; }
  5. Igor Schnaider

    Font Awesome 5

    Ну если вы просто использовали глифы в своих стилях, что вам мешает точно так же использовать SVG – меняйте через background. P. S. На их сайте вижу выбор между Font+CSS и SVG+JS.
  6. Igor Schnaider

    Выравнивание таблицы влево

    table { table-layout: fixed; } th:last-child { width: 100%; }
  7. Igor Schnaider

    Выравнивание текста

    Еще вариант.
  8. Igor Schnaider

    На мобильных верстка ломается

    flex-shrink: 0, не?
  9. Igor Schnaider

    Абсолютно позиционированные элементы и свойство display

    По поводу расположения написал же выше. Кажется понял, в чем у вас путаница. position: absolute делает элемент блочным в том смысле, что у него создается блочный контекст форматирования. Это не совсем одно и то же, что и display: block.
  10. Igor Schnaider

    Абсолютно позиционированные элементы и свойство display

    Блочными и становятся. Иначе ширина и высота были бы по содержимому, а не согласно установленным стилям.
  11. Igor Schnaider

    Абсолютно позиционированные элементы и свойство display

    Когда вы вынимаете элемент из потока и не указываете значения top, left и т. п., этот элемент будет находится там, где он был в потоке. В данном случае, как вы сами написали, у псевдоэлемента значение свойства display – inline-block, у кнопки текст по умолчанию идет по центру. Когда вынимаем из потока, верхний левый край элемента будет располагаться в этом центре. У display: block все наоборот: он сразу стоит там, где вам нужно. И когда вы вынимаете его из потока, его левый/верхний край будет там, где был изначально – влево вверху кнопки. Вот собрал пример, попробуйте.
  12. Igor Schnaider

    Странные кнопки на iPad

    Ну, тут гадать остается. Попробуйте расшарить свой проект, посмотреть что там. Или попробуйте повысить приоритет для проверки (независимо от местоположения ваших правил, у предыдущих может быть выше специфичность): :root:root:root button { /* :-) */ }
  13. Igor Schnaider

    Странные кнопки на iPad

    padding: 0; border: 0; должно быть достаточно. Возможно, их другие стили перебивают.
  14. Igor Schnaider

    Странные кнопки на iPad

    Она не съезжает, ей просто ширины не хватает.
  15. Igor Schnaider

    Js код для открытия одинаковых окон

    На CSS можно.