Ответы пользователя по тегу HTML
  • Оцените верстку №2?

    @auddit
    Если вы только начали верстать, запомните. Никогда не используйте один и тот же текст для нескольких похожих блоков / тизеров / компонентов. Всегда добавляйте разное количество текста, чтобы сразу протестировать, как будет выглядеть с реальным контентом и чтобы не было таких проблем потом. 5f5b860c55e6f172100571.jpeg5f5b86129bafe416149036.jpeg

    Также для ускорения обучения попробуйте несколько курсов, пусть даже платных, но это поможет избежать большинства ошибок и ускорить обучение.
    Ответ написан
    Комментировать
  • Как изменить форму?

    @auddit
    Верхнему блоку нужно задать два background-image. Первая картинка – основная, вторая – кусок от нижней картинки с арматурой. Второй бекграунд должен быть поверх первого и выровнен по нижней части.
    5f51e6ecbd852826451035.jpeg
    Ответ написан
    Комментировать
  • Динамическая высота сайдбара + position sticky - как выкрутиться?

    @auddit
    Попробуйте использовать https://api.jquery.com/outerHeight/, чтобы сравнить высоту видимой части экрана (body) с высотой сайдбара, и если высота сайдбара больше - задайте position: relative.

    Но при таком подходе, у вас на всех экранах, где сайдбар выше экрана, у вас будет прокручиваться сайдбар, что не очень удобно.
    Я рекомендую добавить к сайдбару overflow-y: auto, это намного удобнее для пользователя.
    Ответ написан
    Комментировать
  • Не отправляет на почту php. Что с этим делать?

    @auddit
    Чаще всего проблема бывает связана с настройками почтового сервера на хостинге.
    Попробуйте несколько вариантов скриптов для отправки, если ни один не сработает, пишите в техподдержку хостинга.
    Ответ написан
    Комментировать
  • Как сделать такой эффект кнопки?

    @auddit
    Используйте свойство transform, для того, чтобы текст кнопки всегда оставался на месте.
    Например, если padding у кнопки слева и справа по 25px, а при ховере вы хотите получить padding 30px, то добавляете transform: translateX(-5px). То есть, мы компенсируем разницу в отступе 30-25=5px. Тоже самое, если вы хотите при active получить сужение на 5px – transform: translateX(5px) здесь уже без отрицательного значения.
    Пример: https://jsfiddle.net/sopjb7rn/
    Ответ написан
    Комментировать
  • Полезно ли разбивать стили сайта на несколько .css файлов?

    @auddit
    Это полезно для оптимизации скорости загрузки сайта. Маленький файл с основными стилями в head, остальные стили в footer.

    Для удобства правки кода на больших проектах, лучше использовать препроцессоры
    Ответ написан
    2 комментария
  • Возможно ли сделать такой фон средствами CSS?

    @auddit
    Можно сделать через псевдоэлементы. :before и :after
    Ответ написан
    Комментировать