X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Откуда-то взялся отступ у блока html. Как его убрать ?
JayFunk
JayFunk
Topic Starter сообщение 3.4.2014, 20:03; Ответить: JayFunk
Сообщение #1


Завсегдатай
*****

Группа: Active User
Сообщений: 731
Регистрация: 6.7.2011
Из: Ukraine
Поблагодарили: 201 раз
Репутация:   44  




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

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;
}


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


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 3.4.2014, 21:41; Ответить: x64
Сообщение #2


F.A.L.L.O.U.T.
*******

Группа: Super Moderator
Сообщений: 3424
Регистрация: 30.6.2011
Из: Железнодорожный (Балашиха)
Поблагодарили: 2744 раза
Репутация:   289  


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


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Pepper
Pepper
сообщение 3.4.2014, 21:58; Ответить: Pepper
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 393
Регистрация: 14.1.2011
Поблагодарили: 123 раза
Репутация:   31  


Если картинка показана через <img>, а не background, то можно попробовать:
Код
.shortstory img {
   display:block;
   width:320px;
   max-height:320px;
}


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


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 4.4.2014, 8:26; Ответить: x64
Сообщение #4


F.A.L.L.O.U.T.
*******

Группа: Super Moderator
Сообщений: 3424
Регистрация: 30.6.2011
Из: Железнодорожный (Балашиха)
Поблагодарили: 2744 раза
Репутация:   289  


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


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Facebook палит прокси. Кто как решает эту проблему?
25 Twickbot 3197 Сегодня, 11:56
автор: Smspva
Горячая тема (нет новых ответов) ВНИМАНИЕ: Как самостоятельно продвинуть сайт? Научу!
консультации в домашних условиях :)
227 GlazAlmaz 77900 Сегодня, 11:45
автор: Nikolas1997
Открытая тема (нет новых ответов) Как действительно успешно внедрять привычки. И менять жизнь
seoandme.ru - SEO-блог Анны Ященко
11 AnnaYa 1103 Сегодня, 8:43
автор: AnnaYa
Открытая тема (нет новых ответов) Как мошенники зарабатывают на прямых трансляциях в Instagram
Не ждите порно в инстаграм, его нет
7 PostBrigada 721 Вчера, 20:35
автор: galikfor
Открытая тема (нет новых ответов) Как пройти модерацию в Яндекс Директ, тематика Майнеры криптовалюты
4 rownong27 1154 Вчера, 20:02
автор: tygrytsa


 



RSS Текстовая версия Сейчас: 13.12.2017, 11:58
Дизайн