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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...