Чат сообщества
   | |
| Модератор форума: 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 |
|
Помогите, пожалуйста, та же просьба - отступ текста от фото https://bedlam.ucoz.net/
|
|
Цитата bedlam (  ) Помогите, пожалуйста, та же просьба - отступ текста от фото https://bedlam.ucoz.net/ Можно добавить Код .eMessage img, .ulightbox img { padding: 10px 10px 10px 0 !important; } Но мне кажется будет правильным нормально построить шаблон и не пихать картинку в текст. Что-то вроде Код <div class="entry-cover"> <img src="<?if($COVER_SMALL_URL$)?>$COVER_SMALL_URL$<?else?>$IMG_SMALL_URL1$<?endif?>" alt=""> </div> <div class="entry-text"> <?if($MESSAGE$)?><?if(len($MESSAGE$)>250)?><?substr($MESSAGE$,0,250)?>...<?else?>$MESSAGE$<?endif?><?endif?> </div> Сообщение отредактировал Canon_L - Понедельник, 14 Окт 2024, 17:50:50
|
| |||