Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > как убрать нижний отступ от картинки?

Автор: JaneCHER 2.3.2008, 12:18

Памагити!!! Не могу убрать нижний отступ от изображения! Как это сделать в css?

Автор: ilyaILF 2.3.2008, 12:48

Обнулить margin: 0px; padding: 0px; И, если она "лежит" в каком-нибудь внешнем контейнере, то еще добавить стиль display: block; потому, что тег <img /> изначально строковый элемент со всеми сопутствующими ему отступами относительно родительского.

Автор: JaneCHER 2.3.2008, 19:41

Пасиба! Попробую...)))))))) smile

Автор: JaneCHER 3.3.2008, 21:17

УРРЯЯЯ!!!!!!!!!! Спасибо огромное! smile

Вы спасли мну жизнь!

Автор: Cycle 5.3.2008, 23:11

Пока изображение - единственный элемент в контейнере, то все норм, например

Код


<div><img src="image.png"></div>

Как только добавляешь текст к изображению, то изображение слегка приподымается от нижнего края:

Код


<div><img src="image.png">Текст</div>

Автор: bars80080 6.3.2008, 10:21

Код


<style>
.qw { border: solid 1px #00ff00; padding: 0px; }
.qw img { float: left; }
.clear { clear: both; }
</style>

<div class="qw"><img src="image.png">Òåêñò<div class="clear"></div></div>

попробуйте так что ли

Автор: nikolayvalera 3.1.2012, 21:18

Убрать нижний отступ у изображения в ссылке:
http://divhack.com/node/41