Jump to content

Vlad_P

User
  • Posts

    176
  • Joined

  • Last visited

  • Days Won

    6

Everything posted by Vlad_P

  1. ЭЭ, а почему оно должно удалять? Может стоило повесить событие на эту кнопку и указать, что при это должно происходить?
  2. function profile() { let profile = document.querySelector(".header__authorization"); profile.addEventListener('click', function(e){ profile.classList.add('authorization') }) document.addEventListener('click', function(e){ if (profile.classList.contains("authorization") && !e.target.closest('.header__authorization')) { profile.classList.remove('authorization') } }) } profile();
  3. На самом деле там не применяются стили на странице(фон). Думаю это потому, что файл стилей не подключен
  4. Так подставьте вместо label - ссылку. ну и задайте ей display: inline-block
  5. #noTableBorder button { left: 0; margin-left: 0; transform: none; display: block; }
  6. Не очень понятно, в чем проблема, кружки, вертикальная линия?
  7. Скорей всего вам надо установить box-sizing: border-box
  8. .text img { max-width: 100%; max-height: 100% object-position: center center; object-fit: cover } Посл. правило можно поменять на contain
  9. селектор > обозначает прямых потомков. Можно конечно написать кучу правил для исключения каждого контейнера. но это так, глупости. тогда уж логичней всем исключаемым контейнерам добавлять 1 класс
  10. Вы для .item строго задаете ширину. вот она и остается неизменной. Если хотите ограничить ширину - пишите max-width
  11. Думаю, просто запускается локально, а путь указан из корня
  12. я бы навскидку предположил, что анимация срабатывает раньше, чем отобразится сайт, и классы (если они добавлены правильно. в разных версиях библиотеки - они разные)лучше бы добавлять по загрузке документа
  13. Здравствуйте, тут проще всего использовать grid. На flex же нужно сделать обертку для этих блоков http://joxi.ru/GrqdQzTGdPBqAz
  14. Поставил height: auto и вписал в него текст. все видно http://joxi.ru/MAj7vGukG7jWre
  15. Да да. line-clamp хватит вполне. и мин. размеры картинки следует ограничить ну и object-fit к ней
  16. Сделайте контейнер relative для тэга img, чтобы совпадал по размерам с изображением. В нем, помимо изображения абсолютно спозиц. див с left:0, right: 0, top:0, bottom:0. и в нем уже делайте что угодно. примерно так div (relative) img div(absolute) ваш контент......
  17. <div class="header"> <img src="" alt=""> <p></p> </div> <style> .header {display: flex;align-items: center;} .header img {flex-shrink: 0;margin-right: 15px;} </style>
  18. не знаю что у вас там с головой, может обыдловатость какая, но чем комментировать мой совет, расписали бы тут подробно, как правильно сделать отступы. P.S. Насчет мешанины могу подсказать - присмотритесь ко второму скрину. Да и вопрос почитайте - проблема с добавлением отступов. а в коде их нет
  19. Посмотрите, как устроена сетка бутстрапа, или любого др. фреймоворка. У них описано лучше, чем я сумею, да и с кучей примеров
  20. Можно так попробовать https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow
  21. В grid есть свойство, можно и без того скрипта попробовать. Хотя с ним проще всего)
  22. <div class="container"> <img src="" alt=""> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <img src="" alt=""> </div> <style> .container {display: grid;grid-template-columns: 1fr minmax(max-content, 30%) 1fr;} .container img {max-width: 100%;} </style>
×
×
  • 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