Jump to content

Vlad_P

User
 View Profile  See their activity

  • Posts

    177

  • Joined

  • Last visited

  • Days Won

    6

 Content Type 

Everything posted by Vlad_P

  1. Vlad_P
    Да, добавить margin для input Хотя я бы предложил сделать fieldset grid - можно б было не меняя хтмл кода выровнять поля
  2. Vlad_P
    ЭЭ, а почему оно должно удалять? Может стоило повесить событие на эту кнопку и указать, что при это должно происходить?
  3. Vlad_P
    body, а не .body
  4. Vlad_P
    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();
  5. Vlad_P
    На самом деле там не применяются стили на странице(фон). Думаю это потому, что файл стилей не подключен
  6. Vlad_P
    Так подставьте вместо label - ссылку. ну и задайте ей display: inline-block
  7. Vlad_P
    #noTableBorder button { left: 0; margin-left: 0; transform: none; display: block; }
  8. Vlad_P
    Не очень понятно, в чем проблема, кружки, вертикальная линия?
  9. Vlad_P
    Скорей всего вам надо установить box-sizing: border-box
  10. Vlad_P
    .text img { max-width: 100%; max-height: 100% object-position: center center; object-fit: cover } Посл. правило можно поменять на contain
  11. Vlad_P
    селектор > обозначает прямых потомков. Можно конечно написать кучу правил для исключения каждого контейнера. но это так, глупости. тогда уж логичней всем исключаемым контейнерам добавлять 1 класс
  12. Vlad_P
    #your-container > p {border: 1px dashed #000;}
  13. Vlad_P
    #your-container p {border: 1px dashed #000;}
  14. Vlad_P
    Вы для .item строго задаете ширину. вот она и остается неизменной. Если хотите ограничить ширину - пишите max-width
  15. Vlad_P
    Думаю, просто запускается локально, а путь указан из корня
  16. Vlad_P
    я бы навскидку предположил, что анимация срабатывает раньше, чем отобразится сайт, и классы (если они добавлены правильно. в разных версиях библиотеки - они разные)лучше бы добавлять по загрузке документа
  17. Vlad_P
    Здравствуйте, тут проще всего использовать grid. На flex же нужно сделать обертку для этих блоков http://joxi.ru/GrqdQzTGdPBqAz
  18. Vlad_P
    Поставил height: auto и вписал в него текст. все видно http://joxi.ru/MAj7vGukG7jWre
  19. Vlad_P
    Да да. line-clamp хватит вполне. и мин. размеры картинки следует ограничить ну и object-fit к ней
  20. Vlad_P
    Сделайте контейнер relative для тэга img, чтобы совпадал по размерам с изображением. В нем, помимо изображения абсолютно спозиц. див с left:0, right: 0, top:0, bottom:0. и в нем уже делайте что угодно. примерно так div (relative) img div(absolute) ваш контент......
  21. Vlad_P
    <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>
  22. Vlad_P
    не знаю что у вас там с головой, может обыдловатость какая, но чем комментировать мой совет, расписали бы тут подробно, как правильно сделать отступы. P.S. Насчет мешанины могу подсказать - присмотритесь ко второму скрину. Да и вопрос почитайте - проблема с добавлением отступов. а в коде их нет
  23. Vlad_P
    Посмотрите, как устроена сетка бутстрапа, или любого др. фреймоворка. У них описано лучше, чем я сумею, да и с кучей примеров
  24. Vlad_P
    Можно так попробовать https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow
  25. Vlad_P
    В grid есть свойство, можно и без того скрипта попробовать. Хотя с ним проще всего)
×
×
  • 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

  I accept