Vlad_P

User
  • Content count

    157
  • Joined

  • Last visited

  • Days Won

    5

Vlad_P last won the day on April 14 2019

Vlad_P had the most liked content!

Community Reputation

8 Обычная

About Vlad_P

  • Rank
    Участник

Information

  • Sex
    мужской

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. <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>
  2. Vlad_P

    Блочная верстка

    не знаю что у вас там с головой, может обыдловатость какая, но чем комментировать мой совет, расписали бы тут подробно, как правильно сделать отступы. P.S. Насчет мешанины могу подсказать - присмотритесь ко второму скрину. Да и вопрос почитайте - проблема с добавлением отступов. а в коде их нет
  3. Vlad_P

    Блочная верстка

    Посмотрите, как устроена сетка бутстрапа, или любого др. фреймоворка. У них описано лучше, чем я сумею, да и с кучей примеров
  4. Можно так попробовать https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow
  5. В grid есть свойство, можно и без того скрипта попробовать. Хотя с ним проще всего)
  6. <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>
  7. Следует обнулять. обычно для этого используют раличные готовые решения, например, reset.css, bootstrap-reboot.min.css - от бутстрапа и т.д. Просто для примера - создайте div, не используя body
  8. Не надо использовать margin для элемента body.
  9. 1. Думаю, у вас начало съезжать, когда вы присвоили обтекание картинкам. Дело в том, что обтекаемые элементы получают свой контекст и выпадают потока. Один из способов исправления - присвоить содержащему элементу overflow: hidden; Уж не знаю почему так. 2. Почему-то у вас внутри нумерованного списка ol все что угодно, но не элементы li. Потому нет нумерации. Я так и не понял. как именно там было задумано
  10. Vlad_P

    Сетка bootstrap4

    Отключил ширину 100%, колонка осталась где была, что вполне ожидаемо. Проблема непонятна
  11. Vlad_P

    <a> links doesn't work

    Не очень понятно как оно вообще должно работать. Т.е. зачем там ссылки внутри ссылки? Если весь этот блок должен быть одной ссылкой - просто уберите те, что внутри и весь станет кликабельным. Сейчас внешяя ссылка является пустой. Браузер ее закрывает сам
  12. Vlad_P

    <a> links doesn't work

    figure::before, figure::after {pointer-events: none;} И будет тебе щастье
  13. Попробуйте для боковых блоков обертку с flex-grow: 1
  14. отдельный контейнер для 2х мелких фоток и кота. ток так
  15. https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/innerText