• Страница 2 из 2
  • «
  • 1
  • 2
Модератор форума: Yuri_G  
Как сделать отступ 10px справа от изображения
milana5602
Сообщений: 1
Репутация: 0

Сообщение # 16 | 03:15:42
Цитата (Usmanec)
Если использовать $IMAGE1-left$, то изображение обтекается текстом впритык, как сделать отступ?
В CSS Вводим ( верх право низ лево)
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
KRIVORUCHKO-46
Сообщений: 1
Репутация: 0

Сообщение # 17 | 11:47:24
Использование пробелов в паре (атрибут="значение") НЕ ИМЕЕТ НИКАКОГО ЗНАЧЕНИЯ. Можно ввести пробел перед символом "="или после него, или не вводить вовсе.
Программа(HTML) считывает и воспринимает ТОЛЬКО ОДИН ПРОБЕЛ. Если в тексте программы следуют подряд сразу несколько пробелов, то воспринимается только ОДИН из них, а остальные просто игнорируются., даже если мы введём не один, а два или три пробела.
DarkSelf
Сообщений: 18
Репутация: 0

Сообщение # 18 | 21:17:12
Заменяем:
Код
$IMAGE1-left$

На:
Код
<style>
.crlimg1 {float:left;}
.crlimg1 img {margin-right:15px;margin-bottom:15px;}
</style>

<div class="crlimg1">$IMAGE1-left$</div>

avto0099
Сообщений: 3
Репутация: 0

Сообщение # 19 | 19:03:45
Добрый день. Не могу сделать отступ текста от фото. При редактуре отступ есть и его можно регулировать. Сайт http://um.ucoz.org/
webanet
Сообщений: 24067
Репутация: 4985

Сообщение # 20 | 19:42:34
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}

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
rabotaidoma2010
Сообщений: 1
Репутация: 0

Сообщение # 21 | 15:54:42
Блин, вставляйте изображения абсолютными ссылками.
Прежде в ПУ: Дизайн - Управление дизайном 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
  • Страница 2 из 2
  • «
  • 1
  • 2
Поиск: