[X] Помощник

[JayFunk Topic Starter]

Есть блок, в нем изображение.

CSS код таков:

Код

.shortstory {
display:block;
width:320px;
margin:10px;
float:left;
background:#fff;
box-shadow:0 1px 3px #c8c8c8;
color:#939393;
font-family : OpenSans;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}

.shortstory img {
width:320px;
max-height:320px;
}

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

[x64]

отступам и правда неоткуда взяться, если обнулены padding/margin зависимых элементов (при условии, что не используются абсолютные размеры).
дай вы прямую ссылку, сказали бы сразу, что поправить.

[Pepper]

Если картинка показана через <img>, а не background, то можно попробовать:

Код

.shortstory img {
   display:block;
   width:320px;
   max-height:320px;
}

Часто с этим сталкивался. Сделав картинку блочным элементом, я свои проблемы решал.

[x64]

и, кстати да, есть ещё случай, когда может возникнуть такой отступ. перенос строки и/или пробельный символ после картинки (для изображения место определено, а для последующего текста — нет, поэтому оный и переносится на новую строку).
хороший вариант предложил Pepper. но что будет проще вам — смотрите сами.

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.