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

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


     31.07.2015    Все вопросы » Стили (CSS)    1076

вопрос
Здравствуйте, возможно вопрос немного стоит не так, но постараюсь объяснить подробней.
Вся сложность заключается в том, что шаблон резиновый и предназначен для мобильных устройств (леплю с стандартного мобильного шаблона 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
Юзер

Googledono - 1 августа 2015 03:45 -

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

BRAGA
Юзер

BRAGA - 1 августа 2015 13:27 -

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

BRAGA
Юзер

BRAGA - 1 августа 2015 14:55 -


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

FastFud
Юзер

FastFud - 1 августа 2015 17:01 -


BRAGA
Юзер

BRAGA - 1 августа 2015 18:04 -


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

FastFud
Юзер

FastFud - 1 августа 2015 18:29 -

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

BRAGA
Юзер

BRAGA - 1 августа 2015 18:55 -

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

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

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

наверх