Чат сообщества
   | |
| Модератор форума: Yuri_G |
| Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как сделать отступ 10px справа от изображения (обтекаемый текст с отсупом) |
| Как сделать отступ 10px справа от изображения |
|
Цитата (Usmanec) Если использовать $IMAGE1-left$, то изображение обтекается текстом впритык, как сделать отступ? img[align="left"]{float:left;margin:10px 30px 10px 0px!important;} img[align="right"]{float:right;margin:10px 0px 10px 30px!important;} Пример: http://kosmetologdom.ru/publ/tip_kozhi_lica/1-1-0-18 |
|
Использование пробелов в паре (атрибут="значение") НЕ ИМЕЕТ НИКАКОГО ЗНАЧЕНИЯ. Можно ввести пробел перед символом "="или после него, или не вводить вовсе.
Программа(HTML) считывает и воспринимает ТОЛЬКО ОДИН ПРОБЕЛ. Если в тексте программы следуют подряд сразу несколько пробелов, то воспринимается только ОДИН из них, а остальные просто игнорируются., даже если мы введём не один, а два или три пробела. |
|
Заменяем:
Код $IMAGE1-left$ На: Код <style> .crlimg1 {float:left;} .crlimg1 img {margin-right:15px;margin-bottom:15px;} </style> <div class="crlimg1">$IMAGE1-left$</div> |
|
avto0099, в таблице стилей найдите строчку и удалите выделенное красным
.eMessage img,.eText img{display:block;max-width:100%;margin:10px 0 !important;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} |
|
Блин, вставляйте изображения абсолютными ссылками.
Прежде в ПУ: Дизайн - Управление дизайном CSS - в самом конце прописываем: img.fig { width: 30%; height: auto; float: left; padding-right: 10px; padding-bottom: 10px; } Вместо Визульного редактора переключаем на Панель HTML кодов. Там, где нужно вставить картинку: <img class="fig" src="http://site.ru/1.jpg" alt=""> Пример: https://biznesmm.ru/sovet/35.html |
| |||