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

    puchkovk
    @puchkovk
    Усложнять — просто. Упрощать — сложно.
    .input__kids:checked{
      background-image: none;
    }
    .input__kids:checked:before{
      content:' ';
      width:1em;
      height:1em;
      position:absolute;
      left: -2em;
      top: 0;
      background-image: url(/images/svg/cheked.svg);
    }


    Общий смысл - делаете чекбокс прозрачным (но не display:none), а в псевдоэлемент before пихаете ваш SVG.
    Ответ написан
    Комментировать
  • Как спускать сайт?

    puchkovk
    @puchkovk
    Усложнять — просто. Упрощать — сложно.
    Это работает автоматически, при увеличении высоты содержимого страницы. Например, можно просто добавить длинный текст, чтобы он не поместился на страницу - тогда появятся полосы прокрутки, и можно будет прокрутить колесиком.
    Ответ написан
    Комментировать
  • Как правильно расставить заголовки?

    puchkovk
    @puchkovk
    Усложнять — просто. Упрощать — сложно.
    Тег h1 должен быть на странице только один раз, и должен быть самым заметным. Остальные - по значимости заголовков. Поисковики учитывают текст в заголовках, особенно h1, при ранжировании, насколько велико влияние h1 - трудно сказать, но оно точно есть.

    Еще, некоторые оптимизаторы считают, что у h1 не должно быть никаких атрибутов и вложенных тегов, и что лучше не перебарщивать с заголовками.

    На мой взгляд, на вашем скриншоте h1 - верно, h2 - неверно, там должно быть что-то типа p, где h4 - должно быть p. h3 - должно быть h2, а где "???" - h3.
    Ответ написан
    Комментировать
  • Почему суммируются значение?

    puchkovk
    @puchkovk
    Усложнять — просто. Упрощать — сложно.
    jsfiddle.net/jv7nzohv/embedded/result

    Вот так надо было.

    Суммировалось потому что вы меряли отступ от верхнего края родителя кнопки, в момент, когда над ней был ваш абсолютный блок, т.е. вместе с освобожденным для него расстоянием.

    Как верно заметил netrain, помогло скрытие красного блока.
    Ответ написан
    Комментировать
  • В каких CMS должен разбираться front-end?

    puchkovk
    @puchkovk
    Усложнять — просто. Упрощать — сложно.
    Еще стоит разобраться со smarty и twig, которые используется много где.
    Ответ написан
    Комментировать