• Как растянуть картинку на ширину блока указанным свойством padding?

    Pavel-ww
    @Pavel-ww
    Ссылка на страницу помогла бы вам больше. А так приходится гадать.
    Добавьте к тому что у вас есть height: 100%; , возможно какой-то min-height потребуется, object-fit: cover;
    Хотя не уверен что это сработает. Неужели у CMS нет возможности добавлять свой CSS? Тут надо над родителем работать
    Ответ написан
    6 комментариев
  • Как отцентрировать блок без пустого дива??

    Pavel-ww
    @Pavel-ww
    Что бы прям точно по центру, то так.
    .wrap {
    	display: flex;
    	justify-content: center;
    	position: relative;
    }
    .item:last-child {
    	position: absolute;
    	right: 0;
    }

    Все другие варианты (в контексте flexbox) будут учитывать ширину второго блока и смещать первый от центра на ее размер.
    Например такой вариант
    .item:first-child {
    	margin: 0 auto;
    }

    Если ширина второго блока статична и известна, можно использовать calc в каком-то виде
    Ответ написан
    Комментировать
  • Как сверстать email письмо?

    Pavel-ww
    @Pavel-ww
    Взгляните на этот фреймворк для верстки писем https://mjml.io/. Денек покурите документацию и станете асом в верстке email )).
    Есть плагин для VS Code и Sublime
    Ответ написан
    Комментировать
  • Как сделать такой список select?

    Pavel-ww
    @Pavel-ww
    Такие вещи не селектом делаются а дропдауном. А уже дропдаун можно стилизовать как угодно. Переключатель языков это по сути меню с группой ссылок, а не поле выбора в форме.

    Вот здесь найдешь полезные ответы https://qna.habr.com/q/812917. Текст в родителе меняется скриптом основываясь на какой то зависимости, например наличия в url /ua или /en если речь идет о простом html сайте.
    Ответ написан
    Комментировать
  • Как в данном примере изменить стили через ~?

    Pavel-ww
    @Pavel-ww
    На чистом css это не возможно, во всяком случае пока. Ждем имплементации браузерами псевдо класса :has.
    Без js не обойтись в общем
    Ответ написан
    2 комментария
  • Как сделать такую резиновую сетку?

    Pavel-ww
    @Pavel-ww
    Не понимаю как сделать так что ячейка не занимала всю высоту, а только свою

    Не туда смотрите. Кроме колонок существуют еще и строки.
    Добавьте для первого элемента
    .activity__item.grid {
    	grid-column: 1/3; /*сокращенный вариант вашего кода*/
    	grid-row: 1/3; 
    }
    Ответ написан
    1 комментарий
  • Как растянуть flex-box на всю ширину?

    Pavel-ww
    @Pavel-ww
    Начать с этого.
    #header [data-column-set="2"] > div {
    	display: grid;
    	grid-template-columns: auto minmax(0, 280px);
    }

    Потом убрать мусор из кода
    617a98a528bc7489239885.jpeg
    И завершить этим например
    617a9976d21ad381303512.jpeg

    А в целом да, верстка убогая, её бы переделать грамотно полностью
    Ответ написан
    Комментировать
  • Почему скрытые элеметны видно во время загрузки страницы?

    Pavel-ww
    @Pavel-ww
    Ну в целом ситуация понятна - стили попапа далеко внизу css файла. Браузер читает код слева на право сверху вниз. Поэтому попап появляется до того как браузер прочтет его стили. Переместите важные стили, отвечающие за отображение в самый верх css файла. Ну и transition работает в обе стороны.
    Но, вообще откуда такое решение взялось opacity: 0 и visibility: hidden? Обычно для попапа устанавливается display: none; и по клику на триггер или иному событию к нему добавляется display: block; или класс с display: block;.
    Ответ написан
  • Что делать, если не работает inline-block?

    Pavel-ww
    @Pavel-ww
    Надо очистить всё у ul а не только list-style, надо убрать display block у li > a, для li display inline, а не inline-block.

    Или вместо всех этих inline для li просто воспользоваться современными технологиями
    .mnu_top {
    	display: flex;
    	gap: 0 75px;
    }

    Или вот так, что будет надежнее для старых IOS
    .mnu_top {
    	display: grid;
    	grid-auto-flow: column;
    	grid-auto-columns: min-content;
    	grid-gap: 0 75px;
    }


    И еще с body разобраться. Вы все это пытаетесь делать при ширине body 320px. Это же всё не помещается внутрь body.
    В целом, не грамотная верстка. Надо использовать контейнер, а не задавать ширину body.

    И совет - вендорные префиксы добавляйте в самом конце, когда верстка уже готова и отлажена. Для этого есть post css плагины для редакторов кода
    Ответ написан
    Комментировать
  • Bootstrap: как растянуть блоки с кнопками по краям modal окна?

    Pavel-ww
    @Pavel-ww
    Нативным флексом или или бутстраповскими флекс классами выровняйте все. В чем проблема?
    На нативном флексе будет примерно так ( в вашем коде не все элементы есть, как на скриншоте)
    #navDiv,
    #bookmarkDiv {
    	display: flex;
    	align-items: flex-start;
    }
    #navDiv {
    	justify-content: flex-start;
    }
    #bookmarkDiv {
    	justify-content: flex-end;
    }

    61702dd7278b2159971837.jpeg
    Ответ написан
  • Как добавить имя ползунку?

    Pavel-ww
    @Pavel-ww
    С такой ( стандартной) разметкой никак. Загуглите range slider plugin, найдёте плагин. Установите и используйте для создания ползунков. Его можно стилизовать как угодно
    Ответ написан
    Комментировать
  • Почему ломается блок?

    Pavel-ww
    @Pavel-ww
    Не понял что такое main-e, не нашел это в коде.

    Отступ снизу - не настроена высота html, body 100% и дочерних элементов, поэтому высота соответствует контенту, а не растягивается по высоте экрана.

    Отступ справа - у вас максимально возможная суммарная ширина всех колонок 1702px (жестко прописано в коде) поэтому остается пустое пространство на экранах шире этого размера. Запутались с комбинацией max-width и width в третьей колонке
    Ответ написан
    8 комментариев
  • Joomla или Wordpress?

    Pavel-ww
    @Pavel-ww
    Joomla3+JoomShopping

    Сейчас с этим всё так же - отлично работают, все что вы хотите можно прикрутить. Поэтому, если есть опыт с этим, почему бы не использовать. Тем более Joomla значительно превосходит Wordpress по гибкости и безопасности.
    Не для холивора написал)). Одинаково знаю и работаю с обоими CMS. Если клиенту все равно какая CMS то всегда предлагаю Joomla.
    Ответ написан
    4 комментария
  • Как построить такую сетку?

    Pavel-ww
    @Pavel-ww
    На гридах однозначно. Если контент динамический, единственное решение на данный момент только с применением js https://masonry.desandro.com/layout.html
    Ответ написан
    Комментировать
  • Как сделать навигацию для выпадающего списка (кнопки down — up)?

    Pavel-ww
    @Pavel-ww
    Для этого необходимо использовать правильный html.
    Конструкция должна быть не такая
    <div>
       <a href="#"></a>
       <a href="#"></a>
       <a href="#"></a>
    </div>

    А такая
    <ul>
        <li>
            <a href="#"></a>
        </li>
        <li>
            <a href="#"></a>
        </li>
        <li>
            <a href="#"></a>
        </li>
    </ul>


    Всегда исследуйте примеры инспектором кода и найдете ответы.
    615966e9c9364508899762.jpeg
    Ответ написан
    Комментировать
  • Кнопочки и CSS переменные?

    Pavel-ww
    @Pavel-ww
    В теме с переменными я только поверхностно, по этому немного переживаю, что какая то дичь получилась ^^..

    Ничёси поверхностно)). Заморочился прямо...
    Если требуется такое тонкое управление цветом где нибудь в скрипте, то подход вполне имеет право на жизнь. Но если не требуется, то это дичь ))). И "состояния" тоже в root стоило бы поместить с объединением в более глобальные переменные, потому что запись в элементах с calc, уж это точно дичь
    Ответ написан
  • Как привести все ячейки к одному размеру (CSS Grid)?

    Pavel-ww
    @Pavel-ww
    Уберите минмаксы и установите одиночные значения. И всегда давайте ссылку. А то вам посоветуют изменить в фотошопе ))
    Ответ написан
    3 комментария
  • Как убрать прокрутку страницы при ее обновлении?

    Pavel-ww
    @Pavel-ww
    Никак. Это же обновление страницы с применением нового кода. Не работает по другому
    Ответ написан
    Комментировать
  • Перенос статей в Joomla 4 - как?

    Pavel-ww
    @Pavel-ww
    Проще, быстрее и качественнее обновиться со статьями удалив весь хлам или несовместимые расширения и дополнительно удалить таблицы этих расширений из БД - не так сложно, их видно невооруженным глазом. Чем пытаться костылить. Вы пошли более сложным путем, успех которого не гарантирован.

    Только что обновил сайт с 300 + статьями без каких либо проблем. Потратил часа полтора на чистку от хлама перед этим.
    Или есть миграторы БД в JED (платные)
    Ответ написан
    4 комментария
  • Установка joomla 4. Параметр шифрование соединения с базой данных, что это?

    Pavel-ww
    @Pavel-ww
    Это различная степень защиты при доступе к базе данных через SSH (через консоль ОС на удаленном компьютере). Оставляйте по умолчанию. Если нужен удаленный доступ, настраивайте на сервере - там больше возможностей для этого. Просто Joomla проектируется в том числе для таких ситуаций, когда на сервере нет никаких настроек, что огромная редкость сейчас.
    Односторонняя - при доступе клиент доказывает свою подлинность вводом логина пароля.
    Двухсторонняя - и клиент и сервер доказывают свою подлинность друг другу
    Ответ написан
    Комментировать