• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как сделать отступ 10px справа от изображения (обтекаемый текст с отсупом)
Как сделать отступ 10px справа от изображения
Usmanec
Сообщений: 24
Репутация: 12

Сообщение # 1 | 20:44:35
Если использовать $IMAGE1-left$, то изображение обтекается текстом впритык, как сделать отступ?
Сообщение отредактировал webanet - Суббота, 03 Ноя 2012, 21:27:37
KaiLee
Сообщений: 5463
Репутация: 1135

Сообщение # 2 | 21:02:05
Usmanec,
Общими стилями сайта, стилями конкретного блока, выводом изображений через код img и его стили.

В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи
Usmanec
Сообщений: 24
Репутация: 12

Сообщение # 3 | 22:11:25
Можно ещё пробелов наставить в нужных местах! ^_^
KaiLee
Сообщений: 5463
Репутация: 1135

Сообщение # 4 | 22:45:20
Usmanec,
Пробелы не помогут в принципе. Во-первых, задолбаетесь расставлять, во-вторых, у посетителя в браузере могут стоять пользовательские настройки текста - это будет выглядеть ужасно...

В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи
Flora8219
Сообщений: 23
Репутация: 10

Сообщение # 5 | 10:22:47
"Usmanec,
Общими стилями сайта, стилями конкретного блока, выводом изображений через код img и его стили."
а можно пример?
NZT
Сообщений: 369
Репутация: 483

Сообщение # 6 | 10:30:39
Flora8219,

.конкретный img {
margin-right: 15px;
}
Flora8219
Сообщений: 23
Репутация: 10

Сообщение # 7 | 10:34:39
$IMAGE1-right${margin-right: 15px;}
прописала так, изменений нет.
brodyaga30
Сообщений: 491
Репутация: 146

Сообщение # 8 | 10:38:02
Usmanec,
можно так ещё
Код
<div style="margin-right: 15px">$IMAGE1</div>


или присвоить класс
Код
.img-right {margin-right: 15px; float:left }


и прописать с классом ... более лучший вариант
Код
<div class="img-right">$IMAGE1</div>


но потом надо отменить обтекание, где Вам надо, например nfr прописать в код отмену

<br class="clr" />
для css так

Код
.clr{clear:both}
- коротко
или более лучший вариант

Код
.clr{clear:both;height:0;line-height:0;float:none; visibility:hidden;font-size:0.01%;overflow:hidden}


Добавлено (26 Фев 2013, 10:38:02)
---------------------------------------------
Цитата (Flora8219)
$IMAGE1-right${margin-right: 15px;}

))) .... такое в стилях не отработает

Понял тебя, тридцатый ...
Сообщение отредактировал brodyaga30 - Вторник, 26 Фев 2013, 10:44:17
Flora8219
Сообщений: 23
Репутация: 10

Сообщение # 9 | 11:00:18
У меня наверное руки не оттуда растут, но не получается, перепробовала все предложенные Вами варианты. Вот картинка, от которой хочу сделать отступ. http://www.adenium-sib.ru/index/obshhie_pravila/0-14
Сверху снизу почему то есть отступ, а слева от изображения нет
brodyaga30
Сообщений: 491
Репутация: 146

Сообщение # 10 | 13:49:51
Flora8219, вам привели пример на отступ справа, надо слева, тогда должно быть по другому
вот почитайте как прописать отступы - margin
есть варианты задать конкретный отступ, можно прописать отдельно по всем сторонам в одном правиле
например :
Код
margin: 15px
и
Код
margin: 15px 15px 15px 15px
- одно и тоже только в одном случае краткая запись для всех сторон, в другом по конкретным сторонам всё прописано
пропишите как Вам надо/удобнее

Понял тебя, тридцатый ...
Сообщение отредактировал brodyaga30 - Вторник, 26 Фев 2013, 13:56:59
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 11 | 13:54:50
Flora8219, работает такой стиль:

.eText img {margin-right: 15px !important;}

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
ABEEZ
Сообщений: 6
Репутация: 0

Сообщение # 12 | 19:28:13
Добрый вечер. Скажите кто-нибудь. Как разместить текст справа от картинки? У меня получается только под картинкой его поставить. Заранее спасибо.
KaiLee
Сообщений: 5463
Репутация: 1135

Сообщение # 13 | 19:30:05
ABEEZ,
Код
<img src="Адрес_картинки" alt="" style="float:left; padding-right:5px" /> текст

В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи
Сообщение отредактировал KaiLee - Среда, 10 Июл 2013, 19:31:47
ABEEZ
Сообщений: 6
Репутация: 0

Сообщение # 14 | 22:28:54
<img alt="" src="/shou/krivoe_zerkalo.jpg",style="float;left; padding-left:5px"/>

Вот, что получилось у меня, но заходя в визуальный редактор, получается писать текст одну самую нижнюю строку и под картинкой, а хотелось бы чтобы он был полностью с права. smile
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 15 | 22:43:39
Цитата
jpg",style

Запятая там зачем?

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как сделать отступ 10px справа от изображения (обтекаемый текст с отсупом)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: