В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

HTML/CSS — русскоговорящее сообщество

5240 membersпожаловаться на группу
2021 July 13

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
#статья #css #img

Опрос показал, что тема проклятого отступа внизу изображений волнует многих.

Итак, встречайте вторую статью в нашем Телеграфе: Загадка дыры.

Рассмотрим несколько решений, от плохого к прекрасному, и полностью раскроем причину происходящего. Немного погрузимся в инлайновый контекст форматирования, что пригодится и в других задачах.

Особая благодарность Виталию из канала Просто: разработка за идею и редактуру.
Telegraph
Загадка дыры
Итак, вам поставили задание: сверстать баннер для свежей акции. Вы создали блок, установили границы, вставили в него ссылку с элементом img, но наблюдаете не самый ожидаемый результат: внизу изображения появился отступ непонятного происхождения, а в инспекторе вообще выглядит, будто кто-то дорисовал прозрачную полосу снизу. И как-то это всё не кажется нормальным. Пример на CodePen: Плохое решение В приступе паники вы можете вспомнить заветы дедов и воспользоваться свойством float. А почему бы и нет, ведь везде…
источник
12:30пожаловаться#1

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
вот моё, например
источник
12:30пожаловаться#2

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
а вообще — это не требует объяснений если понимаешь природу css
источник
12:30пожаловаться#3

V

Violet in HTML/CSS — русскоговорящее сообщество
Всем привт, верстаю сайт и понимаю что делаю коряво, у кого можно спросить совет про вёрстку ?
источник
12:35пожаловаться#4

V

Violet in HTML/CSS — русскоговорящее сообщество
Например как сделать что-то иначе
источник
12:36пожаловаться#5

D

Drus in HTML/CSS — русскоговорящее сообщество
Можно так во флекс-контейнере расположить элементы? Родитель у дочерних общий
источник
12:40пожаловаться#6

Y

Yegor in HTML/CSS — русскоговорящее сообщество
width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;  дочернему элементу      а родителю размеры. и это только одно из решений по моему
источник
12:41пожаловаться#7

S

Sasha in HTML/CSS — русскоговорящее сообщество
Дочитал статью, спасибо. Я достаточно давно занимаюсь версткой, но последнее время приходилось редко верстать и поэтому часть знаний была забыта.
источник
12:44пожаловаться#8

A

Artem in HTML/CSS — русскоговорящее сообщество
Нет
источник
12:44пожаловаться#9

Y

Yegor in HTML/CSS — русскоговорящее сообщество
гриды
источник
12:44пожаловаться#10

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
без жестких костылей вряд ли
источник
12:45пожаловаться#11

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
я в статье четыре рассмотрел, по-моему
источник
12:48пожаловаться#12

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
лень открывать)
источник
12:48пожаловаться#13

~

~#Helloworld in HTML/CSS — русскоговорящее сообщество
image_2021-07-13_12-48-53.png
(89.88 Кб)
добавляешь ещё один DIV
источник
12:48пожаловаться#14

~

~#Helloworld in HTML/CSS — русскоговорящее сообщество
либо, как вариант. можно поколдовать с псевдоклассом first-child. типа сделать margin-left для вывода внутренних элементов, а уже first-child сдвинуть вправо.  но мне кажется - это ещё то извращение. проще добавить див))
источник
13:00пожаловаться#15

Рк

Рот казино in HTML/CSS — русскоговорящее сообщество
Может как то через wrap можно
источник
13:03пожаловаться#16

А

Александр in HTML/CSS — русскоговорящее сообщество
подскажите, пожалуйста, можно ли на флексах вот такое сделать одним блоком, а не двумя (левым и правым)? Проблема в том, чтобы кончик самых крайних букв слева прижать к краю родителя
источник
13:03пожаловаться#17

A

Artem in HTML/CSS — русскоговорящее сообщество
Нет
источник
13:03пожаловаться#18

A

Artem in HTML/CSS — русскоговорящее сообщество
Можно, но проблема кончика не раскрыта
источник
13:05пожаловаться#19

А

Александр in HTML/CSS — русскоговорящее сообщество
ну на скрине видно, что covid-19 protocol прижат к краю родителя.
источник
13:06пожаловаться#20