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

 
Посетитель
small user social cms
Медаль
Сообщений: 309
Данныую неприятность наблюдаю во второй ветке довольно длительное время - по моему с первого релиза кандидата. А суть такова: Есть у нас тип контента. Любой, не важно какой. Есть в этом типе контента два поля - фотография и описание.

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

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

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

Такое ощущение что текст из полного описания каким то непонятным образом сам выравнивается относительно картинки. Как эту досадную оплошность поправить? Сначала не обращал внимания, так как загружал фото большого разрешения, но теперь и это не прокатывает...
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1153
HostelB:
по моему с первого релиза кандидата
Нет, с версии 2.3 по моему появился, когда убрали clear:both из каких то полей (не помню)
Можете решать с помощью css
Код CSS:
  1. .ИМЯ_ТИПА_КОНТЕНТА_item .f_СИСТЕМНОЕ_ИМЯ_ПОЛЕ_ФОТО {float:none}
например
Код CSS:
  1. .news_item .f_photo{float:none}
Дополнения для InstantCMS 2 | Готовый сайт Доска объявлений
Реклама
cms
Посетитель
small user social cms
МедальАвторитет форумаПочетный донор проектаКубок зрительских симпатий
Сообщений: 3089
Я на всех проектах делаю картинку по центру а текст под низом не зависмо от размера картинки
Как избежать “неправильного” «обтекания» фото следующим за ним текстом?

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


Сорри что скринами crazy
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 6473
Дать картинке ширину 100%, а текст указать clear:both

Очень легко же отрегулировать.
Редактировалось: 1 раз (Последний: 7 мая 2016 в 16:34)
Хостинг и ВПС Халява тексты Стартапы Instantcms в Telegram
Посетитель
small user social cms
Медаль
Сообщений: 309
Evanescence, ваше решение, к сожалению не помогло.

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

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

Код PHP:
  1. .post_item .f_photo{
  2.  
  3. width: 100%;
  4. clear: both;
  5.  
  6. }
Посетитель
small user social cms
МедальПочетный донор проектаАвторитет форума
Сообщений: 2227
ВСЕХ С ПРАЗДНИКОМ ДНЯ ПОБЕДЫ!
А теперь вопрос к спецам. Есть ли решение позволяющее при загрузке изобращения в стандартное поле Фотграфия, управлять его дальнейшим положением в текстовом поле Описание?
Сейчас это делается жестко и для всех статей одинаково! Скучно и не привлекательно для читателей.
Чтобы добиться верстки нужного вида статьи приходится через редактор повторно грузить изображение и управлять его положением и размером. Считаю это неверным подходом. В определенном смысле получается двойная и даже дурная работа.
Если нельзя или проблемно управлять из поля Фотография, тогда изображение для Списков, должно браться из загрузок через редактор.
Лучшее место для вашего сайта!
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 6473
HostelB:
А вот решение letsgo, очень даже)

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

Там еще можно тексту добавить clear^both ну и соответственно при желании установить картинке например 25% а в оставшееся место добавить див с рекламным адаптивным блоком, только желательно указать min-width^240px чтобы при маленьком разрешении картинка шла, потом реклама, потом уже текст статьи.
Хостинг и ВПС Халява тексты Стартапы Instantcms в Telegram
Посетитель
small user social cms
МедальПочетный донор проектаАвторитет форума
Сообщений: 2227
letsgo:
Там еще можно тексту добавить clear^both ну и соответственно при желании установить картинке например 25% а в оставшееся место добавить див с рекламным адаптивным блоком, только желательно указать min-width^240px чтобы при маленьком разрешении картинка шла, потом реклама, потом уже текст статьи.
Как уже писал, я не программист, а поэтому каков полный рабочий вариант кода и куда его вставить?
С рекламой конечно Очень даже интересно, но больше интересуют рабочие варианты: Влево, Вправо, По центру, размер картинки и отступы.
Лучшее место для вашего сайта!
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатий
Сообщений: 497
vikont:
Как уже писал, я не программист, а поэтому каков полный рабочий вариант кода и куда его вставить?
С рекламой конечно Очень даже интересно, но больше интересуют рабочие варианты: Влево, Вправо, По центру, размер картинки и отступы.
реализовали с рекламой? поделитесь решением smile
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.