Ребята подскажите как вставить картинку на фон и чтобы она растягивалась в зависимости от разрешения и размера окна
как здесь например
http://aqua.ie/
растягиваемое изображение [РЕШЕНО]
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
-
Конструкторщик
- Эксперт

- Сообщения: 1419
- Зарегистрирован: 06 фев 2012, 14:01
- Версия Web Builder: 12.0.2
Re: растягиваемое изображение
nikitas писал(а):Ребята подскажите как вставить картинку на фон и чтобы она растягивалась в зависимости от разрешения и размера окна
как здесь например
http://aqua.ie/
К сожалению только ручками в коде для каждой картинки прописывать
width:100%;
Тогда на любом мониторе будет тянуться.
Однажды купивший-будет платить все время.
-
vlad
- Подающий надежды

- Сообщения: 145
- Зарегистрирован: 08 янв 2014, 19:40
- Версия Web Builder: 9.2
- Имя: Владимир
Re: растягиваемое изображение
Вот здесь поищите http://www.aditerum.co.uk/demo/index.html
-
anonimus
- Moderator

- Сообщения: 5248
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Re: растягиваемое изображение
ни надо нигде смотреть всё просто


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

- Сообщения: 1419
- Зарегистрирован: 06 фев 2012, 14:01
- Версия Web Builder: 12.0.2
Re: растягиваемое изображение
anonimus писал(а):ни надо нигде смотреть всё просто
Я так понял его интересовало размещение не 1го изображения,а нескольких.
Судя по предоставленной ссылке.
Однажды купивший-будет платить все время.
-
anonimus
- Moderator

- Сообщения: 5248
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Re: растягиваемое изображение
Конструкторщик писал(а):Я так понял его интересовало размещение не 1го изображения,а нескольких.
Судя по предоставленной ссылке.
ну да, наверное так и есть
я честно говоря не смотрел ссылку, а ответ дал в соответствии с вопросом

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

- Сообщения: 733
- Зарегистрирован: 29 июн 2012, 02:14
- Версия Web Builder: 14.2.2
Re: растягиваемое изображение
Давайте не будем, господа, забывать о слоях.
http://mavik.netii.net/01/
http://mavik.netii.net/01/
If you are right - no one remember!
If you are wrong - no one forgets!
If you are wrong - no one forgets!
-
anonimus
- Moderator

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

- Сообщения: 1419
- Зарегистрирован: 06 фев 2012, 14:01
- Версия Web Builder: 12.0.2
Re: растягиваемое изображение
Mavik писал(а):Давайте не будем, господа, забывать о слоях.
http://mavik.netii.net/01/
Ну в слой если впихнуть фото разм.1920рх и посмотреть на мониторе 1024рх,правый край мы явно не увидим.
Т.ч слои не панацея.
Однажды купивший-будет платить все время.
-
Mavik
- Опытный

- Сообщения: 733
- Зарегистрирован: 29 июн 2012, 02:14
- Версия Web Builder: 14.2.2
Re: растягиваемое изображение
Ну, о панацее никто и не утверждал. И если картинка будет 1920 то нормалоно будет видна на 1024.
А о иронии " anonimus-а" - картинки вброшены на быструю руку. Если их размер корректно подобрать, то получится почти то что надо
А о иронии " anonimus-а" - картинки вброшены на быструю руку. Если их размер корректно подобрать, то получится почти то что надо
If you are right - no one remember!
If you are wrong - no one forgets!
If you are wrong - no one forgets!
-
special
- Читатель

- Сообщения: 20
- Зарегистрирован: 29 ноя 2013, 19:52
Re: растягиваемое изображение
Конструкторщик писал(а):nikitas писал(а):Ребята подскажите как вставить картинку на фон и чтобы она растягивалась в зависимости от разрешения и размера окна
как здесь например
http://aqua.ie/
К сожалению только ручками в коде для каждой картинки прописывать
width:100%;
Тогда на любом мониторе будет тянуться.
А где именно это прописать в коде? (перед тегом, в, после?) я просто не очень разбираюсь в кодах.
-
special
- Читатель

- Сообщения: 20
- Зарегистрирован: 29 ноя 2013, 19:52
Re: растягиваемое изображение
anonimus писал(а):ни надо нигде смотреть всё просто
А можно еще раз выложить, у меня не отображается картинка
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 3 гостя


