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

Смещение иконок редактора при быстром редактировании


     18.12.2011    Общие вопросы по вёрстке    2192

вопрос
У меня проблема с отображением панели инструментов в быстром редакторе новости. Все картинки на панели инструментов отступают на 5px.
Смещение иконок редактора при быстром редактировании


У меня в стилях CSS указано:
.maincont img { 
    padding: 5px;
    border: none;
}

Этот код для того чтобы отображалась картинка в новости с отступом 5px от текста.
Смещение иконок редактора при быстром редактировании


В краткой новости эта часть кода выглядит так:
        <div class="maincont">
            {short-story}
            <div class="clear"></div>
        </div>

Картинка в краткой новости отображается в том случае на 5px от текста, но с панелью инструментов получается искажение как на картинке.
Вопрос: Что нужно сделать чтобы панель инструментов в быстром редакторе отображалась правильно, и чтобы картинка в краткой новости отступала на 5px?

Ответил: ПафНутиЙ


.maincont .editor img { 
    padding: 0;
    border: none;
}

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

mr.8pa4
1 | 1

mr.8pa4 - 13 февраля 2012 22:14 - Юзер

ты странный человек указал padding: 5px; для любой картинки которая в рамках <div>img</div> вот и bbcode обрабатывает тоже каждую картинку в padding обрамление в 5px , а туда попадает и твой редактор

enterlive
3

83 | 28

enterlive - 24 февраля 2012 03:19 - Юзер

mr.8pa4,
Цитата: mr.8pa4
ты странный человек указал padding: 5px; для любой картинки которая в рамках <div>img</div> вот и bbcode обрабатывает тоже каждую картинку в padding обрамление в 5px , а туда попадает и твой редактор

А как мне сделать проще?

inex
15 | 15

inex - 12 октября 2012 09:52 - Юзер

.maincont > img {
    padding: 5px;
    border: none;
}

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

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