Ответы пользователя по тегу CSS
  • Как зафиксировать высоту блока (товара)?

    Abr_ya
    @Abr_ya
    "В коде полный ноль" видимо именно поэтому "код вам не покажу совсем".
    Если совсем в общем виде, то смотрите, какой элемент у вас оборачивает заголовок (скорее всего это div) и задавайте ему в CSS фиксированную высоту.
    Это решит проблему "однострочных".
    А вот "длинные" придется обрезать как-то: на фронте или на бэке.
    Тут уже от вашего проекта зависит. В Битриксе, например, это можно сделать одной командой, если ничего не путаю...
    Ответ написан
    Комментировать
  • Почему font weight не задается автоматически за счет @font-face?

    Abr_ya
    @Abr_ya
    Если нужен вариант "по-умолчанию", советую посмотреть на:
    https://meyerweb.com/eric/tools/css/reset/index.html

    Но исходя из того, что вы пишете, я бы может ваш шрифт задал как normal (вместе со сбросом), если правильно понял, что вы хотите.
    Ответ написан
    Комментировать
  • Какие значения использовать в медиа-запросах?

    Abr_ya
    @Abr_ya
    Сетка Бутстрапа + разрешения наиболее популярных устройств, под которые вы планируете мобильную версию.
    Как правило это:
    - телефон поменьше,
    - телефон побольше или в горизонтальном положении,
    - планшет,
    - ноутбук,
    - ПК.
    Т.е. всё привязано, более-менее, к статистике использования. А значит хорошо бы хоть примерно смоделировать свою целевую аудиторию. Или посмотреть статистику устройств, если проект уже работает.
    Ответ написан
    Комментировать
  • Почему ссылка ведет себя таким образом?

    Abr_ya
    @Abr_ya
    Ссылка - inline-элемент, со своими особенностями.
    Как вариант - задайте ей display: block; и посмотрите: вы такой реакции на margin верхнего элемента хотели?
    Ещё вариант: обернуть в блочный элемент.

    Насчет высоты строки не очень понял: где вы хотите её использовать, если строка одна? Но при изменении отображения на блочное и он начнет "играть".
    Ответ написан
  • Ребят, как мне объединить Python + Html + Css?

    Abr_ya
    @Abr_ya
    Мне кажется, вопрос можно перефразировать так: как мне научиться работать с Джанго?
    И тут всё очень индивидуально, зависит от того, как вам проще и удобнее:
    - самостоятельная разработка на основании документации + придуманных вами себе задач (или боевого проекта),
    - бесплатные уроки на Ютуб,
    - платные курсы, как минимум, на Юдеми за 800-1000 рублей можно взять видеокурс, где вас за руку проведут через создание одного приложения на Джанго,
    - платные курсы по дороже - контор много, рекламы тоже, учить будут несколько месяцев, возьмут десятки тысяч, наверное,
    - опытный наставник - он сам составит план вашего обучения, будет ставить задачи и направлять, но... есть у вас такой под рукой?

    Один совет: будете выбирать материалы в сети - выбирайте свежую версию Джанго!
    И ещё момент: для локальной разработки ничего придумывать не надо - сервер у Джанго в коробке. Вопросом деплоя я бы задавался не сразу, а после того, как у вас будет хоть первое работающее локально приложение.
    Ответ написан
    Комментировать
  • Почему родительский блок не растягивается под контент?

    Abr_ya
    @Abr_ya
    flex-direction: column; - у вас элементы меню идут не слева направо, а сверху вниз. Упираются в высоту 300 и только после этого вынужденно начинают переноситься. И ширина обвертки получается 104 (ширина одного элемента + его margin).
    Не понимаю пока, какое поведение элементов меню вы хотите видеть, поэтому не могу что-то советовать.
    Ответ написан
  • Media запросы не срабатывает?

    Abr_ya
    @Abr_ya
    Уберите ";" из медиа-запроса!

    P.S. На будущее: давайте больше информации. Уверен, вам бы ответили быстрее, если бы не надо было открывать ваш сайт и там пытаться понять, что именно у вас на срабатывает!
    Примерный формат: что хочу, что вижу сейчас, что делаю. Можно иллюстрировать скриншотами!)
    Ответ написан
    Комментировать
  • Как сделать превью пропорциональным?

    Abr_ya
    @Abr_ya
    Думаю, нужно уточнить, какое поведение от "неквадратных" фото вы хотите? И... реализовать его на CSS!
    Я вижу два варианта:
    - поля,
    - обрезка.
    Первый вариант можно реализовать довольно консервативно, как мне кажется. Но, думаю, в любом случае стоит посмотреть на:
    https://html5book.ru/svoystva-object-fit-i-object-...
    как советовали выше!
    Но это или без поддержи IE, или для него искать полифилл, или костыль, т.к.:
    https://caniuse.com/#feat=object-fit
    Ответ написан
    Комментировать
  • Не работает css, что делать?

    Abr_ya
    @Abr_ya
    Путь к файлу css правильно прописан?
    Что отладчик браузера показывает?
    У меня вот срабатывает ваш цвет, хоть он и бледный:5d86559948325181185560.png
    Ответ написан
    Комментировать
  • Почему не работает first-child?

    Abr_ya
    @Abr_ya
    Подставил ваш фрагмент кода в чистую рыбу. Всё работает.
    Как выглядит:
    5d626a9a6e241328871761.png

    Как работает:
    5d626aa7706e9583019924.png

    Открывайте в браузере панель разработчика и смотрите, чем в вашем конкретном случае перебивается стиль!
    Ответ написан
  • Какой курс по HTML/CSS/JavaScript вы посоветуете?

    Abr_ya
    @Abr_ya
    https://htmlacademy.ru/ хвалят.
    У них принципиально два продукта: Интерактивные курсы, которые стоят копейки, и где вы работаете сами, а сайт проверяет, что у вас вышло, и т.н. Интенсивы. Интенсивы стоят уже приличных денег, проходят с наставниками, по ним хорошие отзывы, в т.ч. от знакомых, но сам я там не был. И, да, на выходе они обещают проект(ы)!
    Ответ написан
  • Как сделать авто скрол при наведени на див?

    Abr_ya
    @Abr_ya
    JS - обработчик события наведения (mouseover) - прокрутка, тут зависит от того, насколько "красиво" хотете сделать - window.scrollBy или функция плавной прокрутки со временем (например, с использованием setTimeout) на его основе.
    Если есть желание сделать быстрее и заморачиваться меньше, можно использовать готовые решения из jQuery.
    Ответ написан
    Комментировать