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

Как сделать отступ текста от картинки которая в цветной рамке?


     07.10.2013    Шаблоны (TPL), Стили (CSS), Общие вопросы по PHP, Ламерские вопросы    2083

вопрос
Как сделать отступ текста от картинки которая в цветной рамке?

Я не мог сделать рамку поначалу. Сделал в shortstory.ttpl тег {short-story} взял в
. Далее в css прописал :

.img {
border: solid 2px #87CEEB;
border-left: 2px;
border-top: 3px;
float: left;
background: #87CEEB;
padding: 5px 15px 5px 5px;

}
.img img {
border: solid 4px #1E90FF;
margin: 2px 0 0 2px;
padding: 5px 5px 5px 5px;

}
Рамка получилась, НО ВОТ ПРОБЛЕМА. Как мне сделать отступ текста от картинки не затрагивая рамку картинки. Начинаю через паддинг прописывать рамка меняется из за этого тега. Помогите, а то текст чуть ли не с рамкой сливается. Сайт- dezex.ru

Ответа пока нет


4 комментария

TheImDim
Юзер

TheImDim - 7 октября 2013 14:28 -

Заверните левую часть и правую в блочные элементы, задайте float и далее эксперементируйте с margin

steamen
Юзер

steamen - 8 октября 2013 05:05 -

Все сделал. Просто нужно margin: 20px 14px 3px 0px; в конце добавить. Выход такой:

.img {
border: solid 2px #87CEEB;
border-left: 2px;
border-top: 3px;
float: left;
background: #87CEEB;
padding: 5px 15px 5px 5px;

}
.img img {
border: solid 4px #1E90FF;
margin: 2px 0 0 2px;
padding: 5px 5px 5px 5px;
margin: 20px 14px 3px 0px;
}

steamen
Юзер

steamen - 8 октября 2013 05:06 -

Кому интересно -http://dezex.ru/

steamen
Юзер

steamen - 8 октября 2013 05:07 -


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

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

 18.12.2013 abcdefghijklmnoprstuvwxyz  Шаблоны (TPL)
наверх