Как убрать отступ снизу у картинки?

  Переглядів 6,667

Просто: разработка

Просто: разработка

3 роки тому

Переходим по ссылке, вчитываемся, вдумываемся - t.me/htmlshit/416
А те, кто не понимает что за ссылка и о чём речь - рассказываю. В этом видео мы рассмотрим варианты решения проблемы - отступ у картинки, а вот по ссылке находится исчерпывающая статья о том, откуда вообще берется этот отступ... Ну и само-собой пути решения.

КОМЕНТАРІ: 45
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Не забудьте заглянуть сюда: ❓ Запись на консультацию - prosto-razrabotka.ru/ ✨ Telegram канал - t.me/prostorazrabotka/ 🔥 Telegram чат - t.me/prostorazrabotkachat/ Можете добавиться в друзья: 📷 Instagram - instagram.com/vitaliy.kirenkov/ 📘 ВКонтакте - vk.com/vitaliy.kirenkov/ 📗 Facebook - facebook.com/vitaliy.kirenkov/ 📙 LinkedIn - www.linkedin.com/in/kirenkov/ ✏️ Twitter - twitter.com/VitaliyKirenkov/ А так же, подписаться на страницы: 📘 ВКонтакте - vk.com/public195137161/ 📗 Facebook - facebook.com/prostorazrabotka/
@user-ix1hk9mm6u
@user-ix1hk9mm6u 3 роки тому
1:45 Как видите, вы его тут не видите😆😆👍👍
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
А я всё думал на монтаже, оставлять эту реплику или нет -))
@boldureans
@boldureans 3 роки тому
Поржал с анимашки "Подписаться" :D
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Я несколько таких подготовил -)
@tekiero
@tekiero 3 роки тому
это анимация, а не анимашка. Учим матчасть
@boldureans
@boldureans 3 роки тому
@@tekiero смотря в какой парадигме использовать слово. А причем тут матчасть, простите?
@tekiero
@tekiero 3 роки тому
@@boldureans матчасть канала
@boldureans
@boldureans 3 роки тому
@@tekiero а как она относится к моему комментарию?
@ThisFrontend
@ThisFrontend 3 роки тому
Заставка огонь 😂👌
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Рад, что оценили -)
@johnathandoe9226
@johnathandoe9226 3 роки тому
@@prosto_razrabotkaКак называются твои очки?
@anovitkii1977
@anovitkii1977 3 роки тому
Виталий спасибо тебе. Очень нравится смотреть твой материал. Респект тебе!!!
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Спасибо
@yaroslavbox1249
@yaroslavbox1249 3 роки тому
Полезно 👍, часто встречается такая ситуация при вёрстке , Благодарю 🙏
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Согласен, часто -)
@daniilthegunner843
@daniilthegunner843 3 роки тому
Покажи пожалуйста как сделать кнопку "загрузить еще". С jsonplaceholder массивчик получаешь и как реализовать эту загрузку по несколько элементов при нажатии на кнопку не понятно
@user-ff3lc1et3u
@user-ff3lc1et3u 3 роки тому
Спасибо за простое решение
@user-gp1jh3uo7x
@user-gp1jh3uo7x 3 роки тому
Знал только один способ с display: block; Спасибо!
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Не за что -)
@eXacT9090
@eXacT9090 3 роки тому
👍
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Благодарю
@Mitorun
@Mitorun 3 роки тому
Недавно обнаружил что и у есть такой же отступ, по крайней мере у меня в форме. Задал display:block - отступ исчез, форма стала ровнее.
@ilya_ptrv
@ilya_ptrv 3 роки тому
Картинка - инлайновый элемент, поэтому у него по умолчанию 4px отступ снизу margin-bottom: -4px ))
@profesor08
@profesor08 3 роки тому
Величина отступа зависит от размера шрифта. Так что теорию в помойку.
@user-QesOrwuMqN
@user-QesOrwuMqN 3 роки тому
Очевидно, что отступ из-за пробела между родительским тегом и тегом картинки. Поэтому помогает font-size:0 и line-height:0. Убери его и отступа не будет (напиши в одну строку)
@alexeygumenyuk8510
@alexeygumenyuk8510 3 роки тому
"Как видите, вы его тут.. Не видете. ")) Чёт я черезчур угарнул))
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
-))
@channel_0157
@channel_0157 3 роки тому
найс
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Спасибо
@bulbadragon2275
@bulbadragon2275 3 роки тому
Всегда через font-size убирал
@notkabene4781
@notkabene4781 3 роки тому
Как же вовремя это видео!
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Спасибо
@profesor08
@profesor08 3 роки тому
Задав 1 раз в общих стилях img { vertical-align: top;}, можно забыть про эту проблему.
@user-di4zt3br5m
@user-di4zt3br5m 3 роки тому
+
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
=
@user-cc1xo4dl8r
@user-cc1xo4dl8r Рік тому
как видите, вы его не видите
@lisofsky8151
@lisofsky8151 3 роки тому
короче тема такая надо лайкать чужие комменты и писать свои длинее 7 слов
@marthtml
@marthtml 3 роки тому
font-size: 0 еще помогал
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Его нет в видосе?
@iGotton
@iGotton 3 роки тому
Img height 100% нет?
@Zibinskiy
@Zibinskiy 3 роки тому
Нет, если планируется адаптив.
@mirjavkhardjavkharov2508
@mirjavkhardjavkharov2508 3 роки тому
ЗАГАДКА ДЫРЫ 😂😂😂
@user-qi6dc5sh7e
@user-qi6dc5sh7e 3 роки тому
С помощью vertical-align контрю эту хуйню
HTML5 #6 Картинки (Images)
6:28
webDev
Переглядів 17 тис.
Новая технология! РАССЫПНОЙ ПОДШИПНИК
00:35
Що рятує українців від похмілля?😁 | #НовийКанал #ЄПитання
00:53
єПитання з Лесею Нікітюк
Переглядів 439 тис.
Мама забыла взять трубочку для колы
00:25
Даша Боровик
Переглядів 451 тис.
На чем сидит Силиконовая Долина
16:29
Программист из Сан-Франциско
Переглядів 67 тис.
CSS3 #17 Трансформации (Transform)
9:01
webDev
Переглядів 17 тис.
Анимация при прокрутке (скролле) страницы на HTML CSS и JavaScript
22:41
Как сделать Квиз (Quiz / Викторина / Опрос) на JS?
56:48
Просто: разработка
Переглядів 32 тис.
Новая технология! РАССЫПНОЙ ПОДШИПНИК
00:35