Jump to content

All Activity

This stream auto-updates

  1. Today
  2. Yesterday
  3. Я написал один и тот же код ... но почемуто один работает другой нет? немогу разобраться. помогите должно быть сообщение Winner! в файле x1.html код работает а в файле oxo4.html нет (при выстраивании в ряд трех ООО) x1.html oxo4.html
  4. Подскажите, пожалуйста, как в css прописать код, чтобы получилось следующее: переход к следующему блоку возможен только если сумма ответов по нынешнему блоку равна 10. Просто у меня есть тест из 7 блоков, в каждом блоке 8 утверждений. Тестируемый должен распределить 10 баллов между этими 8-ю утверждениями. Если он распределил больше баллов или меньше, то переход не должен срабатывать, чтобы тест был пройден верно.
  5. Last week
  6. Как здесь (https://skr.sh/sEfRBjoTUH1) правильно задать позиционирование? <ul class="list bottom-header-container-list"> <li class="bottom-header-container-list-item"> <div> <img src="./images/mail-svg.svg" alt="иконка эл.почты" width="28" height="22"> </div> <p>Mail Us</p> <a href="mailto:Info@bluecollar.com">Info@bluecollar.com</a> </li> <li class="bottom-header-container-list-item"> <div> <img src="./images/phone-svg.svg" alt="иконка телефона" width="26" height="26"> </div> <p>Call Us</p> <a href="tel:+01569896654">+01 569 896 654</a> </li> </ul>
  7. Сам сделал этот эффект? Ну или вообще сам писал этот код?
  8. Доброго времени суток. Есть сайт, онлайн магазин на WP, есть код- кнопка (на скрине) <div class="woocommerce-product-details__short-description"> <h5 class="wd-entities-title green sg-popup-id-12581">Нашли дешевле? Снизим цену!</h5> <?php echo $short_description; // WPCS: XSS ok. ?> </div> нужно как-то ограничить данный код от 2 категорий товаров на сайте, ранее работал с opencard там было все просто, а тут информации найти не могу, либо просто не так ищу. Прошу помощи либо статьей, либо направить в нужное русло поисков, может я просто формулирую неправильно данный вопрос. Заранее благодарю.
  9. Я не вижу указаных Вами проблем заданном сайте PS: устное предупреждение за мультипостинг. Используйте одну тему для одного вопроса.
  10. Мой сайт - https://vasyldubno.github.io/project1/#directions На нем установлен скрипт MixItUp 3 для фильтрации постов. На ноутбуке все отлично работает. Но на смартфоне не работает, и в консоле выдает ошибку - [MixItUp] WARNING: An operation was requested but the MixItUp instance was busy. The operation was rejected because the queue is full or queuing is disabled.
  11. Earlier
  12. Выложите работающий пример в песочницу. А так же настоятельно рекомендую ознакомится с темой 👇
  13. Блок не сможет растянутся так как указана ширина колонки 33.333%
  14. используйте картинку или иконку
  15. $(function () { var mixer = mixitup('.directions__list'); $('.directions__filter-btn').on('click', function () { $('.directions__filter-btn').removeClass('directions__filter-btn--active') $(this).addClass('directions__filter-btn--active') }) })
  16. https://vasyldubno.github.io/project1/#blog https://github.com/vasyldubno/project1
  17. https://vasyldubno.github.io/project1/ https://github.com/vasyldubno/project1 бургер меню появляеться на ширине менее 1100px
  18. Решение: .blog__item { padding: 0px 15px; flex: 0 1 33.333%; display: flex; } .blog__item-link { height: 100%; position: relative; display: flex; } .blog__item-link article { display: flex; flex-direction: column; } PS: у Вас ошибка в названии аттрибута: <article clas="blog__item-inner">
  19. https://vasyldubno.github.io/project1/#blog https://github.com/vasyldubno/project1
  20. Здравствуйте. Выложите код в песочницу
  21. Здравствуйте. Пишу сайт, возник вопрос. Как раскидать текст из одного блока по нескольким другим блокам по мере их заполняемости. То есть, в первый блок я вставляю огромный текст целиком, а потом, текст распределяется по другим блокам по мере их заполняемости: блок с id="1" заполнился, остатки текста заполняются в блок с id="2", и так далее, пока весь большой текст не уберется по нескольким маленьким блокам.
  22. Помогите новичку, подписи пляшут, как их уровнять не понимаю. Делаю задание через bootstrap
  23. Всем привет, у меня такой вот вопрос, делаю сайт через react и при изменении расширения что-то идёт не так и какой-то бред получается, подскажите как решить данную проблему. Я вообще не понимаю из-за чего это происходит, по этому не могу нормально объяснить 😅.
  24. Можно pointer-event менять (вариант с opacity и перекрытием содержимого; или вообще z-index поменять для активного состояния); можно связку opacity + visibility использовать; можно display + opacity через animation.
  25. jksnf

    CSS transition

    Не работает transition при появлений модального окна: <a class="btn">Modal</a> <div class="modal"> <div class="overlay"> <div class="content"> <a class="close">X</a> <h1>Title</h1> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt repellat asperiores rerum animi officiis minus corporis iure voluptate accusantium, ut optio ratione iusto nemo delectus. Quasi illum libero dolorum neque?</p> </div> </div> </div> //scss .modal .overlay{ position: fixed; top: 0;left: 0; width: 100%;height: 100%; background: rgba($color: #000000, $alpha: .8); z-index: 1; display: none; } .modal .content{ width: 500px;height: 200px; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); background-color: #fff; z-index: 2; text-align: center; display: none; a{ line-height: 30px; font-weight: bold; color: #fff; top: -50px;; position: absolute; right: -50px; font-size: 40px; padding: 10px; } h1{ margin-bottom: 20px; } } .modal.active .overlay{ display: block; } .modal.active .content{ display: block; } //Jquery $(document).ready(function(){ $(".btn, .close").click(function() { $(".modal").toggleClass("active") }) }) Я понимаю что на display не работает transition. но и нельзя ставить opacity т.к перекрывает контент сзади него изначально. Что делать?
  26. Большое спасибо. Это универсальное решение? Десктопы, мобильные, все корректно работают с flex'ом?
  1. Load more activity
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy