
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.
-
Vlad_P started following Стрелка с вогнутыми гранями, Чем вызвано описанное поведение в FF, и как его исправить?, Наложение flex элементов друг на друга and 7 others
-
Да да. line-clamp хватит вполне. и мин. размеры картинки следует ограничить ну и object-fit к ней
-
Сделайте контейнер relative для тэга img, чтобы совпадал по размерам с изображением. В нем, помимо изображения абсолютно спозиц. див с left:0, right: 0, top:0, bottom:0. и в нем уже делайте что угодно. примерно так div (relative) img div(absolute) ваш контент......
-
<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>
-
не знаю что у вас там с головой, может обыдловатость какая, но чем комментировать мой совет, расписали бы тут подробно, как правильно сделать отступы. P.S. Насчет мешанины могу подсказать - присмотритесь ко второму скрину. Да и вопрос почитайте - проблема с добавлением отступов. а в коде их нет
-
Посмотрите, как устроена сетка бутстрапа, или любого др. фреймоворка. У них описано лучше, чем я сумею, да и с кучей примеров
-
Можно так попробовать https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow
-
В grid есть свойство, можно и без того скрипта попробовать. Хотя с ним проще всего)
-
<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>
-
Следует обнулять. обычно для этого используют раличные готовые решения, например, reset.css, bootstrap-reboot.min.css - от бутстрапа и т.д. Просто для примера - создайте div, не используя body
-
Не надо использовать margin для элемента body.
-
1. Думаю, у вас начало съезжать, когда вы присвоили обтекание картинкам. Дело в том, что обтекаемые элементы получают свой контекст и выпадают потока. Один из способов исправления - присвоить содержащему элементу overflow: hidden; Уж не знаю почему так. 2. Почему-то у вас внутри нумерованного списка ol все что угодно, но не элементы li. Потому нет нумерации. Я так и не понял. как именно там было задумано
-
Отключил ширину 100%, колонка осталась где была, что вполне ожидаемо. Проблема непонятна
-
Не очень понятно как оно вообще должно работать. Т.е. зачем там ссылки внутри ссылки? Если весь этот блок должен быть одной ссылкой - просто уберите те, что внутри и весь станет кликабельным. Сейчас внешяя ссылка является пустой. Браузер ее закрывает сам
-
figure::before, figure::after {pointer-events: none;} И будет тебе щастье
-
Отцентрировать один блок из трех относительно родителя
Vlad_P replied to alex_web64's topic in Проблемы верстки
Попробуйте для боковых блоков обертку с flex-grow: 1