0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 402 Просмотров
*

Toner

  • Новичок
  • 5
  • 0 / 0
Сильно не пинайте. Помогите разобраться.
Замучился, не работает обтекание картинки текстом на одном из сайтов.
В редакторе все красиво, а в браузере один фиг текст под картинкой. *ОХ-Х-Х*


Стили jd_paris -  Astroid
*

sivers

  • Завсегдатай
  • 1609
  • 223 / 0
Re: Обтекание картинки текстом
« Ответ #1 : 04.03.2020, 12:59:40 »
для картинки применить свойство стиля float: left;. Лучше в файле стиля, но можно и в самой картинке атрибутом style="float: left;"
На связи в телеге @sivers
*

draff

  • Гуру
  • 5183
  • 365 / 7
  • ищу работу
Re: Обтекание картинки текстом
« Ответ #2 : 04.03.2020, 13:43:15 »
В редакторе все красиво, а в браузере один фиг текст под картинкой.
Значит в стилях шаблона правило стиля имеет больший приоритет .
*

Toner

  • Новичок
  • 5
  • 0 / 0
Re: Обтекание картинки текстом
« Ответ #3 : 04.03.2020, 15:19:32 »
Значит в стилях шаблона правило стиля имеет больший приоритет .
В стилях Astroid не могу найти как поправить
*

Toner

  • Новичок
  • 5
  • 0 / 0
Re: Обтекание картинки текстом
« Ответ #4 : 04.03.2020, 16:10:09 »
для картинки применить свойство стиля float: left;. Лучше в файле стиля, но можно и в самой картинке атрибутом style="float: left;"
Не помогает.

Текст под картинкой как ни крути
https://svet-ofor.ru/index.php/services/nanesenie-toniruyushchikh-pljonok
*

draff

  • Гуру
  • 5183
  • 365 / 7
  • ищу работу
Re: Обтекание картинки текстом
« Ответ #5 : 04.03.2020, 17:10:55 »
В стилях Astroid не могу найти как поправить
Что за стили ? Если это клубный шаблон, то решение нужно искать в ман разработчика шаблона .
Если используется flex, то float не работает .
*

Toner

  • Новичок
  • 5
  • 0 / 0
Re: Обтекание картинки текстом
« Ответ #6 : 04.03.2020, 18:06:56 »
Как поменять что бы работало? Простите, я новичок.
*

Missile

  • Завсегдатай
  • 1073
  • 88 / 1
Re: Обтекание картинки текстом
« Ответ #7 : 05.03.2020, 04:07:48 »
У Вас изображение является ссылкой с классом "modal" (ищите a.modal в CSS данного стиля). Меняйте его (например, 'display: inline-block;' на 'display: block;') или переназначьте ссылку на всплывающее окно.
« Последнее редактирование: 05.03.2020, 04:13:02 от Missile »
*

Toner

  • Новичок
  • 5
  • 0 / 0
Re: Обтекание картинки текстом
« Ответ #8 : 05.03.2020, 11:56:27 »
У Вас изображение является ссылкой с классом "modal" (ищите a.modal в CSS данного стиля). Меняйте его (например, 'display: inline-block;' на 'display: block;') или переназначьте ссылку на всплывающее окно.
Спасибо за подсказку. Нашел, что так работает плагин SP Thumbnail (увеличение картинки по клику) и не дает сделать обтекание текстом.
Подскажите, пожалуйста, где поправить?
*

Missile

  • Завсегдатай
  • 1073
  • 88 / 1
Re: Обтекание картинки текстом
« Ответ #9 : 05.03.2020, 23:42:40 »
Найдите, где у вас определяется a.modal и измените 'display: inline-block;' на 'display: block;'
Либо отключайте плагин и ссылку на полноразмерное изображение формируйте вручную через редактор.
Либо в основном CSS стиля (theme.css, например) пропишите
Код
a.modal {
    display: block !important;
}
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Разделы и картинки

Автор madn0ise

Ответов: 1
Просмотров: 97
Последний ответ 18.01.2021, 13:10:21
от arma
Dj webp задваивает картинки

Автор a159cm

Ответов: 1
Просмотров: 116
Последний ответ 29.12.2020, 10:33:27
от voland
Почему в мобильной версии protostar картинки выглядят не качественно?

Автор kiev

Ответов: 0
Просмотров: 91
Последний ответ 22.11.2020, 18:32:25
от kiev
Мерцание картинки в модуле html в SP Page Builder

Автор stitch808

Ответов: 6
Просмотров: 273
Последний ответ 12.05.2020, 19:11:00
от stitch808
Проблема со шрифтами или текстом

Автор Cornelcik10

Ответов: 47
Просмотров: 907
Последний ответ 27.04.2020, 15:43:04
от AlexB