|
Как сделать отступ 10px справа от изображения
|
|
Usmanec
Сообщений: 24
Сообщение # 1 |
20:44:35
24 Окт 2012
Если использовать $IMAGE1-left$, то изображение обтекается текстом впритык, как сделать отступ?
Сообщение отредактировал webanet - Суббота, 03 Ноя 2012, 21:27:37
|
KaiLee
Сообщений: 5463
Сообщение # 2 |
21:02:05
24 Окт 2012
Usmanec,
Общими стилями сайта, стилями конкретного блока, выводом изображений через код img и его стили.
|
Usmanec
Сообщений: 24
Сообщение # 3 |
22:11:25
24 Окт 2012
Можно ещё пробелов наставить в нужных местах! 
|
KaiLee
Сообщений: 5463
Сообщение # 4 |
22:45:20
24 Окт 2012
Usmanec,
Пробелы не помогут в принципе. Во-первых, задолбаетесь расставлять, во-вторых, у посетителя в браузере могут стоять пользовательские настройки текста - это будет выглядеть ужасно...
|
Flora8219
Сообщений: 23
Сообщение # 5 |
10:22:47
26 Фев 2013
"Usmanec,
Общими стилями сайта, стилями конкретного блока, выводом изображений через код img и его стили."
а можно пример?
|
NZT
Сообщений: 369
Сообщение # 6 |
10:30:39
26 Фев 2013
Flora8219,
.конкретный img {
margin-right: 15px;
}
|
Flora8219
Сообщений: 23
Сообщение # 7 |
10:34:39
26 Фев 2013
$IMAGE1-right${margin-right: 15px;}
прописала так, изменений нет.
|
brodyaga30
Сообщений: 491
Сообщение # 8 |
10:38:02
26 Фев 2013
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;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
Сообщение # 9 |
11:00:18
26 Фев 2013
У меня наверное руки не оттуда растут, но не получается, перепробовала все предложенные Вами варианты. Вот картинка, от которой хочу сделать отступ. http://www.adenium-sib.ru/index/obshhie_pravila/0-14
Сверху снизу почему то есть отступ, а слева от изображения нет
|
brodyaga30
Сообщений: 491
Сообщение # 10 |
13:49:51
26 Фев 2013
Flora8219, вам привели пример на отступ справа, надо слева, тогда должно быть по другому
вот почитайте как прописать отступы - margin
есть варианты задать конкретный отступ, можно прописать отдельно по всем сторонам в одном правиле
например :
и Код margin: 15px 15px 15px 15px
пропишите как Вам надо/удобнее
Понял тебя, тридцатый ...
Сообщение отредактировал brodyaga30 - Вторник, 26 Фев 2013, 13:56:59
|
Selena
Сообщений: 15657
Сообщение # 11 |
13:54:50
16 Май 2013
Flora8219, работает такой стиль:
.eText img {margin-right: 15px !important;}
Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
|
ABEEZ
Сообщений: 6
Сообщение # 12 |
19:28:13
10 Июл 2013
Добрый вечер. Скажите кто-нибудь. Как разместить текст справа от картинки? У меня получается только под картинкой его поставить. Заранее спасибо.
|
KaiLee
Сообщений: 5463
Сообщение # 13 |
19:30:05
10 Июл 2013
ABEEZ,
Код <img src="Адрес_картинки" alt="" style="float:left; padding-right:5px" /> текст
Сообщение отредактировал KaiLee - Среда, 10 Июл 2013, 19:31:47
|
ABEEZ
Сообщений: 6
Сообщение # 14 |
22:28:54
10 Июл 2013
<img alt="" src="/shou/krivoe_zerkalo.jpg",style="float;left; padding-left:5px"/>
Вот, что получилось у меня, но заходя в визуальный редактор, получается писать текст одну самую нижнюю строку и под картинкой, а хотелось бы чтобы он был полностью с права. 
|
Selena
Сообщений: 15657
Сообщение # 15 |
22:43:39
10 Июл 2013
Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
|
Чат сообщества
