Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Как сделать картинку без padding?

Как сделать картинку без padding?


     31.07.2015    Стили (CSS)    766

вопрос
Здравствуйте, возможно вопрос немного стоит не так, но постараюсь объяснить подробней.
Вся сложность заключается в том, что шаблон резиновый и предназначен для мобильных устройств (леплю с стандартного мобильного шаблона dle 10.2). Если бы он был фиксированным я бы разобрался, а так опыта с резиной мало.

Речь пойдет о изображении. Я хочу убрать рамку 5px по краях картинки. Это обычный padding, который прописан в блоке, в котором находится вся информация. Жаль нет padding: -5px; :)

Как сделать картинку без padding?


Html
<div class="article-img"><img src="[xfvalue_image]"></div>

CSS
.article-img img { 
position: relative;
width: 100%;
margin: 0 0 15px 0;
border-radius: 3px;

Ответил: Sander


margin: -5px -5px 15px;

Комментарии пользователей (7)

Googledono
4

117 | 8

Googledono - 1 августа 2015 03:45 - Юзер

пропишите в стиль
padding:0;
и проверьте

BRAGA
1

89 | 4

BRAGA - 1 августа 2015 13:27 - Юзер

Googledono, пробовал сразу, не работает.

BRAGA
1

89 | 4

BRAGA - 1 августа 2015 14:55 - Юзер


SANDER, спасибо за ответ, но я так тоже пробовал. Вот результат.

FastFud
50

1599 | 588

FastFud - 1 августа 2015 17:01 - Юзер


BRAGA
1

89 | 4

BRAGA - 1 августа 2015 18:04 - Юзер


FastFud, спасибо, но здесь же есть рамка в 15px.

FastFud
50

1599 | 588

FastFud - 1 августа 2015 18:29 - Юзер

Я дал вам пример, 15px можно изменить на 5px. Или я не правильно понял вопрос ?

BRAGA
1

89 | 4

BRAGA - 1 августа 2015 18:55 - Юзер

FastFud, я понял что можно, но мне нужно вобше её убрать.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы