Как избежать “неправильного” «обтекания» фото следующим за ним текстом?

#1 7 мая 2016 в 15:44
Данныую неприятность наблюдаю во второй ветке довольно длительное время — по моему с первого релиза кандидата. А суть такова: Есть у нас тип контента. Любой, не важно какой. Есть в этом типе контента два поля — фотография и описание.

Описание — текст html, фотография — большой пресет.

И вот при создании новостей получается вот так:



Такое ощущение что текст из полного описания каким то непонятным образом сам выравнивается относительно картинки. Как эту досадную оплошность поправить? Сначала не обращал внимания, так как загружал фото большого разрешения, но теперь и это не прокатывает…
#2 7 мая 2016 в 15:53

по моему с первого релиза кандидата

HostelB
Нет, с версии 2.3 по моему появился, когда убрали clear:both из каких то полей (не помню)
Можете решать с помощью css
  1. .ИМЯ_ТИПА_КОНТЕНТА_item .f_СИСТЕМНОЕ_ИМЯ_ПОЛЕ_ФОТО {float:none}
например
  1. .news_item .f_photo{float:none}
#3 7 мая 2016 в 16:27
Я на всех проектах делаю картинку по центру а текст под низом не зависмо от размера картинки



Сорри что скринами crazy
#4 7 мая 2016 в 16:34
Дать картинке ширину 100%, а текст указать clear:both

Очень легко же отрегулировать.
#5 8 мая 2016 в 13:11
Evanescence, ваше решение, к сожалению не помогло.

А вот решение letsgo, очень даже)

Решение следующее:

  1. .post_item .f_photo{
  2.  
  3. width: 100%;
  4. clear: both;
  5.  
  6. }
#6 9 мая 2016 в 18:16
ВСЕХ С ПРАЗДНИКОМ ДНЯ ПОБЕДЫ!
А теперь вопрос к спецам. Есть ли решение позволяющее при загрузке изобращения в стандартное поле Фотграфия, управлять его дальнейшим положением в текстовом поле Описание?
Сейчас это делается жестко и для всех статей одинаково! Скучно и не привлекательно для читателей.
Чтобы добиться верстки нужного вида статьи приходится через редактор повторно грузить изображение и управлять его положением и размером. Считаю это неверным подходом. В определенном смысле получается двойная и даже дурная работа.
Если нельзя или проблемно управлять из поля Фотография, тогда изображение для Списков, должно браться из загрузок через редактор.
#7 9 мая 2016 в 18:33

А вот решение letsgo, очень даже)

Решение следующее:

HostelB

Там еще можно тексту добавить clear^both ну и соответственно при желании установить картинке например 25% а в оставшееся место добавить див с рекламным адаптивным блоком, только желательно указать min-width^240px чтобы при маленьком разрешении картинка шла, потом реклама, потом уже текст статьи.
#8 9 мая 2016 в 20:03

Там еще можно тексту добавить clear^both ну и соответственно при желании установить картинке например 25% а в оставшееся место добавить див с рекламным адаптивным блоком, только желательно указать min-width^240px чтобы при маленьком разрешении картинка шла, потом реклама, потом уже текст статьи.

letsgo
Как уже писал, я не программист, а поэтому каков полный рабочий вариант кода и куда его вставить?
С рекламой конечно Очень даже интересно, но больше интересуют рабочие варианты: Влево, Вправо, По центру, размер картинки и отступы.
#9 6 июня 2016 в 11:15

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

vikont
реализовали с рекламой? поделитесь решением smile
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.