Jump to content

Vlad_P

User
  • Content Count

    159
  • 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. Да да. line-clamp хватит вполне. и мин. размеры картинки следует ограничить ну и object-fit к ней
  2. Сделайте контейнер relative для тэга img, чтобы совпадал по размерам с изображением. В нем, помимо изображения абсолютно спозиц. див с left:0, right: 0, top:0, bottom:0. и в нем уже делайте что угодно. примерно так div (relative) img div(absolute) ваш контент......
  3. <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>
  4. не знаю что у вас там с головой, может обыдловатость какая, но чем комментировать мой совет, расписали бы тут подробно, как правильно сделать отступы. P.S. Насчет мешанины могу подсказать - присмотритесь ко второму скрину. Да и вопрос почитайте - проблема с добавлением отступов. а в коде их нет
  5. Посмотрите, как устроена сетка бутстрапа, или любого др. фреймоворка. У них описано лучше, чем я сумею, да и с кучей примеров
  6. Можно так попробовать https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow
  7. В grid есть свойство, можно и без того скрипта попробовать. Хотя с ним проще всего)
  8. <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>
  9. Следует обнулять. обычно для этого используют раличные готовые решения, например, reset.css, bootstrap-reboot.min.css - от бутстрапа и т.д. Просто для примера - создайте div, не используя body
  10. Не надо использовать margin для элемента body.
  11. 1. Думаю, у вас начало съезжать, когда вы присвоили обтекание картинкам. Дело в том, что обтекаемые элементы получают свой контекст и выпадают потока. Один из способов исправления - присвоить содержащему элементу overflow: hidden; Уж не знаю почему так. 2. Почему-то у вас внутри нумерованного списка ol все что угодно, но не элементы li. Потому нет нумерации. Я так и не понял. как именно там было задумано
  12. Отключил ширину 100%, колонка осталась где была, что вполне ожидаемо. Проблема непонятна
  13. Не очень понятно как оно вообще должно работать. Т.е. зачем там ссылки внутри ссылки? Если весь этот блок должен быть одной ссылкой - просто уберите те, что внутри и весь станет кликабельным. Сейчас внешяя ссылка является пустой. Браузер ее закрывает сам
  14. figure::before, figure::after {pointer-events: none;} И будет тебе щастье
×
×
  • Create New...