Обтекание картинки текстом. Никак не получается.

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО
#1 27 ноября 2014 в 15:52
Здравствуйте друзья!
Вопрос, казалось бы простой, но что-то никто его решить не может.
Во 2-й ветке, на странице записи всех типов контента, картинки не обтекаются текстом. Что ни пробовал делать, — никак не получается. Вот пример.
Задавал вопрос в чате на сайте одной известной здесь студии, по изготовлению шаблонов, — никто тоже не решил, а админ, после недолгой переписки, даже счет мне за это выставить собрался.
Думаю проблема легко решается, нужно только знать какую-то маленькую особенность 2.х.
#2 27 ноября 2014 в 16:07

Задавал вопрос в чате на сайте одной известной здесь студии, по изготовлению шаблонов, — никто тоже не решил, а админ, после недолгой переписки, даже счет мне за это выставить собрался.

Alexprofi
хмм, аж не верится. Добавьте в свой файл стилей:
  1. .field.ft_image.f_photo + div {
  2. clear: none;
  3. }
  4. .content_item > div:last-child {
  5. clear: both;
  6. display: block;
  7. }
и очистите кеш браузера

нужно только знать какую-то маленькую особенность 2.х.

Alexprofi
нужно просто немного знать css
#3 27 ноября 2014 в 16:29
К сожалению результат не удовлетворительный. В этом случае текст уходит вправо, но появляется пустота под картинкой. При чем, такой результат достигается гораздо проще, — удалением
  1. clear:both;
из стиля content_item .ft_html.
#4 27 ноября 2014 в 16:44

нужно просто немного знать css


Уберите overflow у .content_item .field и будет вам счастье. Но не забывайте что могут быть побочные эффекты, нужно смотреть что еще привязано и где еще используется это класс. Но это вы уже сами…
#5 27 ноября 2014 в 16:50
Там его нет
  1. .content_item .field{
  2. color:#555;
  3. }
  4.  
Может я не там смотрю?
#6 27 ноября 2014 в 16:52
В последний подключенный файл стилей вставьте
.content_item .ft_image,
.content_item .ft_html {
display: inline;
}
.content_item .field {
margin-bottom: 5px;
}
#7 27 ноября 2014 в 16:57

Может я не там смотрю?

Ну так скинте не скриншот, а живую ссылку на проблемное место, а так все это вилами по воде получается.
#8 27 ноября 2014 в 16:58
Виталик, на Вашем сайте уже написал, дублирую сюда:

"Виталик, получилось!
Что значит профессионал!
Спасибо большое! "
#9 27 ноября 2014 в 17:02

Ну так скинте не скриншот, а живую ссылку на проблемное место, а так все это вилами по воде получается.

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

Но не забывайте что могут быть побочные эффекты

Pasha
В этом Вы правы.
В любом случае, Виталику респект!
#10 27 ноября 2014 в 17:15
Оказалось достаточно добавить в .content_item .ft_html {
display: inline;
}
#11 28 ноября 2014 в 01:52
Всем спасибо за помощь, тему можно закрывать.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.