Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 24.06.2018, 06:42   #1
codor01
 
Регистрация: 09.06.2018
Сообщений: 6
Репутация: 10
По умолчанию Картинки автоматически на всю ширину экрана и меняли размер при увеличении-уменьшении окна?

Как сделать так, чтобы картинки на сайте (обложка журнала и скрин youtube) были автоматически на всю ширину экрана и меняли размер при увеличении-уменьшении окна?

сайт www.moscow.octawa.ru

файл index приложен к сообщению.


style.css
Код:

@charset "utf-8";
/* CSS Document */
#header { position:absolute; top:0px; left:0px; min-width:700px;
    max-width:1920px; 
    width:100%;
    height:400px;
    background-image:url(/23134482489_54113a039e_o.jpg);
    background-repeat:repeat; 
    background-size: 50%; }
#head{
  margin-top: 410px;
}
#balloon01{margin-bottom: -10px;
}

Пожалуйста, оформляйте Ваш код согласно правилам.
Вложения
Тип файла: txt index.txt (16.5 Кб, 1 просмотров)

Последний раз редактировалось Вадим Мошев; 25.06.2018 в 14:17.
codor01 вне форума   Ответить с цитированием
Старый 25.06.2018, 17:29   #2
Вадим Мошев
гигаМодератор :)
Заслуженный модератор
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес:
Сообщений: 7,695
Репутация: 3715
По умолчанию

Для нужных картинок пропишите width="100%" в атрибутах или через CSS:
width: 100%.

Для последнего случая можно создать класс
Код:

.w100 {
 width: 100%
}

И назначить его обеим картинкам через атрибут class
Вадим Мошев на форуме   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как растянуть страницу на всю ширину экрана в "боксовом" шаблоне Minamaze? yorkshir WordPress и другие CMS 1 30.12.2015 16:42
Скрывающийся div при уменьшении ширины окна Ale}{ander HTML и CSS 0 09.09.2014 19:15
объект Screen проверяет размер экрана монитора и при превышении формой этого размера автоматически приравнивает к нему C++ carrie bradshaw Помощь студентам 1 05.02.2014 14:42
Появление скрытых блоков при увеличении экрана Иванна HTML и CSS 2 15.08.2012 09:00
Меню растянуто на всю ширину окна в IE SunnyAngel HTML и CSS 1 28.08.2009 19:53


00:52.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru