Jump to content

14.Отступы у картинок в визуальном редакторе


shaklov

Recommended Posts

Чтобы картинки на создаваемых страницах в визуальном редакторе были с отступами, аналог тегам vspace и hspace. Т.е. чтобы постоянно не задавать картинкам эти свойства и не помнить об этом. В файле шаблона content.html обрамляем текст инфо.страницы дивом с классом:


<div class="shop_content_pages">
{$CONTENT_BODY}
</div>[/CODE] в файле стилей добавляем условия для html - align и css - float :
[CODE]
div.shop_content_page {float:left;}
div.shop_content_page img[align=left] {margin: 5px 10px 5px 0px;}
div.shop_content_page img[align=right] {margin: 5px 0px 5px 10px;}
div.shop_content_page img[style^="float: left"], div.shop_content_page img[style^="float:left"] {
margin: 5px 10px 5px 0px;
}
div.shop_content_page img[style^="float: right"], div.shop_content_page img[style^="float:right"] {
margin: 5px 0px 5px 10px;
}

Теперь можно просто вставлять картинки, и достаточно только указать выравнивание справа или слева.

Link to post
Share on other sites
×
×
  • Create New...