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

[shaklov 63]

Чтобы картинки на создаваемых страницах в визуальном редакторе были с отступами, аналог тегам 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;

}

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