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
Сообщений: 3544
Регистрация: 30.6.2011
Из: Железнодорожный (Балашиха)
Поблагодарили: 2881 раз
Репутация:   294  


отступам и правда неоткуда взяться, если обнулены 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
Сообщений: 3544
Регистрация: 30.6.2011
Из: Железнодорожный (Балашиха)
Поблагодарили: 2881 раз
Репутация:   294  


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

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


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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Как заработать новичку?
141 Emeralda 25567 Вчера, 12:43
автор: Emtec
Открытая тема (нет новых ответов) Как организовать индексацию защищенных pdf с ключами и ссылками
И разместить pdf на внешних жирных ресурсах
0 kirch 410 20.5.2018, 23:37
автор: kirch
Открытая тема (нет новых ответов) [Книга] Налог на глупость: Как я заработал в интернете 5,5 млн рублей.
7 kotovsky 2127 20.5.2018, 8:30
автор: kolor73
Открытая тема (нет новых ответов) Король социалок 7: Генератор видео и 5 способов как на нём заработать
0 Volgar 418 19.5.2018, 17:09
автор: Volgar
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКак носить смартфоны диагональю 5.5 - 6.4 дюйма?
41 Room 5088 19.5.2018, 15:28
автор: Chezarius


 



RSS Текстовая версия Сейчас: 22.5.2018, 1:32
Дизайн