Пробел между блоком и картинкой

S0
На сайте с 25.04.2013
Offline
24
598

Здравствуйте! Есть меню на css и картинка. Я поставил картинку и после нее следом меню, но между ними маленький пробел. display: inline-block; не помог. Как убрать пробел? Спасибо.

LovelAss
На сайте с 05.06.2009
Offline
96
#1

Если марджинов и паддингов нет, пробуйте так:


img {
vertical-align: top;
}
S0
На сайте с 25.04.2013
Offline
24
#2



---------- Добавлено 13.07.2015 в 15:25 ----------

LovelAss:
Если марджинов и паддингов нет, пробуйте так:

img {
vertical-align: top;
}

Применил к картинке, не помогло.

---------- Добавлено 13.07.2015 в 15:31 ----------

Как оказалось, пробел есть только на главной странице, а если зайти в новость (dle) то пробела нету.

Joker-jar
На сайте с 26.08.2010
Offline
154
#3

Покажите URL или оформьте проблему в jsfiddle.net

S0
На сайте с 25.04.2013
Offline
24
#4
Joker-jar
На сайте с 26.08.2010
Offline
154
#5

http://jsfiddle.net/kcwk7bm8/3/ вот так? display: block; к изображению добавил.

K
На сайте с 03.06.2015
Offline
45
#6

Старые грабли. Инлайновые картинки имеют природный отступ снизу. Почему - видимо потому что так повелось, типа по базовой линии выстраиваются. Поэтому вылечить можно только да - через block.

MYSQL PHP JS HTML CSS SEO TXT США СССР
S0
На сайте с 25.04.2013
Offline
24
#7
Joker-jar:
display: block;

Спасибо помогло!

V
На сайте с 09.06.2015
Offline
2
#8

такое может быть при переносе в самом редакторе.

например:

<img src="URL" alt="альтернативный текст">

<ul>

<li><a href="#"></a></li>

</ul>

можно сделать так:

<img src="URL" alt="альтернативный текст"><!--

--><ul>

<li><a href="#"></a></li>

</ul>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий