позиционирование картинки

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить Вложения 4
Аватара пользователя

Автор Темы
Esox
Подающий надежды
Подающий надежды
Сообщения: 121
Зарегистрирован: 25 сен 2019, 00:27
Версия Web Builder: 14.2.2

позиционирование картинки

Сообщение Esox » 21 ноя 2019, 15:45

Добрый день.
Не могу решить проблему с картинкой.
Слой, в нем текст и картинка права.
Картинка имеет widht и height 100%
В результате отображается не корректно. Как только в css убираю height 100% все становится как надо.
Не могу найти, где прилипает этот height 100%.

Реклама
Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

позиционирование картинки

Сообщение anonimus » 21 ноя 2019, 17:54

мало понятно, что вы имеете ввиду
покажите скриншоты по порядку
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Автор Темы
Esox
Подающий надежды
Подающий надежды
Сообщения: 121
Зарегистрирован: 25 сен 2019, 00:27
Версия Web Builder: 14.2.2

позиционирование картинки

Сообщение Esox » 21 ноя 2019, 18:48

создаю слой, в нем текст слева, картинка справа.
2019-11-21_14-29-56.png


после публикации получаю это:
2019-11-21_14-31-03.png


или такой вариант:
2019-11-21_14-32-21.png


Или с сломанными пропорциями.
Проблему можно решить только если в файле css у этой картинки уберу: height 100%
Вопрос в том, что создает этот параметр height 100%, что нужно откл./вкл. чтоб 100% у картинки была только ширина.

Должно быть так:
2019-11-21_17-49-00.png
У вас нет необходимых прав для просмотра вложений в этом сообщении.

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

позиционирование картинки

Сообщение anonimus » 21 ноя 2019, 20:41

Не надо вообще ничего выставлять в опциях
Зачем вы мудрите
Это точно слой и на нем картинка?
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Автор Темы
Esox
Подающий надежды
Подающий надежды
Сообщения: 121
Зарегистрирован: 25 сен 2019, 00:27
Версия Web Builder: 14.2.2

позиционирование картинки

Сообщение Esox » 21 ноя 2019, 20:46

Вот код HTML

<div id="layer_1_npd">
<div id="layer_1_npd_Container">
<div id="wb_text_1_npd">
<span id="wb_uid0">The&nbsp; Fitness Headset system is a wireless microphone solution designed to meet the specific demands of fitness instructors and active performers. <br><br>With the unique AH7 micro transmitter mounted to a sweat-resistant Qe fitness headset microphone, you can free yourself completely from cables and beltpacks for a truly exhilarating and motivating experience.<br><br>This allows you to focus on your class or performance, and not have to worry about your audi.</span></div>
<div id="wb_image_npd">
<img src="images/image-1.jpg" id="image_npd" alt=""></div>
</div>
</div>

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

позиционирование картинки

Сообщение Gudwinn » 22 ноя 2019, 00:31

Esox, в исходном коде картинки, в особый стиль вставь

Код: Выделить всё

height: unset!important;
должно помочь
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

Автор Темы
Esox
Подающий надежды
Подающий надежды
Сообщения: 121
Зарегистрирован: 25 сен 2019, 00:27
Версия Web Builder: 14.2.2

позиционирование картинки

Сообщение Esox » 22 ноя 2019, 09:30

Конечно можно вставить этот код. Можно даже проще, как я писал убрать эти 100%.
Но мне не понятно откуда они.
Дело в том, что хочу сделать заготовку/шаблон. И каждый раз убирать эти 100% не очень хорошо.
Особенно если не ясна их природа. Во как!

Аватара пользователя

Автор Темы
Esox
Подающий надежды
Подающий надежды
Сообщения: 121
Зарегистрирован: 25 сен 2019, 00:27
Версия Web Builder: 14.2.2

позиционирование картинки

Сообщение Esox » 22 ноя 2019, 17:47

в исходном коде картинки, в особый стиль вставь
не подскажите как это сделать в программе?
Лучше скрин.
Спасибо.

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

позиционирование картинки

Сообщение anonimus » 22 ноя 2019, 22:59

на мой взгляд вы сами создаёте себе проблемы
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Автор Темы
Esox
Подающий надежды
Подающий надежды
Сообщения: 121
Зарегистрирован: 25 сен 2019, 00:27
Версия Web Builder: 14.2.2

позиционирование картинки

Сообщение Esox » 22 ноя 2019, 23:01

на мой взгляд вы сами создаёте себе проблемы
Если вас не затруднит.
В чем проблема-то?


Ответить Вложения 4

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя