Question

Добрый день!   Добавляю материал. С помощью кнопки "Изображение" добавляю картинку.  Как сделать обтекание картинки текстом слева/справа?

Answer 1

Говорите сделать обтекание, только какое обтекание сделать если фото в полный размер и текста почти нет - http://spoolka.ru/load/sharzhi/sharzhi_cvetnye/sharzh_cvetnoj_3/12-1-0-10 пока не вижу необходимости в обтекании так как текста должно быть много, а не одна строка в 5-6 слов.

Comments

Юрий, я эту страницу делаю. в процессе она. и текста будет больше и размер картинок поменяю под свои нужды. Мне сам принцип нужен, КАК делать это обтекание? где почитать?

---

Юлия Гелемеева,

Если делаете, сделаете, вот тогда пишите, пока нет на чем вам показывать так как и текста вовсе нет.

---

Yuri_Geruk,

ну сейчас посмотрите пжл. я добавла доп материал: фото+текст.. только вот там теперь все поплыло.. здесь как раз текст обтекать обтекает.. но не с той стороны.. и там где обтекание должно заканчиваться, оно продолжается...  как начать новую строку, чтоб она была ниже картинке просто посередине поля... а не продолжала текст, обтекающий картинку?

---

Юлия Гелемеева,

В шаблоне вида материалов код для вывода фото вида:

<?if($IMG_URL1$)?><a href="$IMG_URL1$" class="ulightbox" data-fancybox-group="ultbx"><img src="$IMG_URL1$" alt="$TITLE$" /></a><?endif?>

 

у вас уже стоит, установите его прямо возле кода $MESSAGE$ слева возле него, а не над ним так как в связи с этим нельяз корректно настроить обтекание.

---

Yuri_Geruk,

 

Шаблон вида материалов исправила, поставив этот код сразу слева в одну строку от $MESSAGE$:

<div style="width:33%; float:left;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
<a href="$ENTRY_URL$"><?if($IMG_URL1$)?><a href="$IMG_URL1$" class="ulightbox" data-fancybox-group="ultbx"><img src="$IMG_URL1$" alt="$TITLE$" /></a><?endif?></a> <?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?></td></tr></table><br />
</div>

 

Ничего не поменялось. По крайней мере по тексту я не видела никаких изменений. Совсем. В стили не надо ничего добавить дополнительно?

---

Юлия Гелемеева,

В стили пропишите:

.eMessage img,.eText img {здесь пишите стили}

примените значения:

1. http://htmlbook.ru/css/float
2. http://htmlbook.ru/css/margin-right
3. http://htmlbook.ru/css/!important

и все получится.

---

Yuri_Geruk,

вот так прописала: .eMessage img,.eText img {float:left !important;margin-left:25%;} это правильно?

---

Юлия Гелемеева,

Правильно, только 25 можно немного уменьшить.

---

Yuri_Geruk,

обтекание не поддается логике. в форме добавления материала выглядит так:

В режиме просмотра так:

все вкривь и вкось. где можно почитать о том каким способом прикрепляется текст в этом случае в режиме просмотра.. потому то логики я не вижу..

нет ли здесь в режиме редактирования включить как в ворде так называемые "непачатаемые символы" - пробелы, энтер и тп? может тогда бы я хоть что-то поняла

---

Юлия Гелемеева,

Обтекание хорошо когда несколько фото, но если их много, то идеально как вы хотите не получится, удалите стили которые добавили и оставьте как было, так лучше в вашей ситуации.

---

Yuri_Geruk,

стили удалила. а шаблон вида материалов менять надо? я же тоже его исправляла. его в первоначальный вид приводить?

---

Юлия Гелемеева,

Нет, вид не трогать, оставьте как есть.

---

Yuri_Geruk,

Хорошо.

Где можно почитать, в чем может быть причина того, что текст в режиме радектирования стоит с выравниванием по левому краю. а в режиме просмотра выводится вот так криво: 

---

Юлия Гелемеева,

ждать ответа?

---

Юлия Гелемеева,

Юрий, а по этому вопросу что? ждать ответа? или сразу к фрилансерам ?

---

Юлия Гелемеева,

Да, сразу к фрилансерам так как требуется исправление вашего дизайна.