0 / 0 / 1
Регистрация: 04.02.2014
Сообщений: 15
1

Как сделать "резиновую" картинку в хедере

08.02.2014, 23:33. Показов 3665. Ответов 3
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Вот собственно и сам вопрос. Как сделать резиновую картинку в хедере такую, что бы она растягивалась на разных расширениях монитора?

Как сделать "резиновую" картинку в хедере


что бы не было вот так:

Как сделать "резиновую" картинку в хедере


CSS
1
2
3
4
5
6
7
8
9
#wrapper{
    width:1346px; margin:0 auto;
     }
     
     #header{
         background: url(./images/bg-body.jpg) center 29px no-repeat; 
         height:199px;
         position:relative;
      }
может картинку задать через img и установить width:100%? Только я не могу понять, что конкретно нужно написать? Как код должен выглядеть?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
08.02.2014, 23:33
Ответы с готовыми решениями:

Как на картинку в хедере поместить три строки текста и кнопку на bootsrap?
118.png то,что у меня получилось,точнее не то,что хотел. 01.png то,каким должен быть результат....

Как сделать резиновую нить?
Я тоже сейчас пишу подобную рисовалку. Меня который день мучает вопрос как сделать резиновую нить?...

Как сделать резиновую область?
Редактирую тему на Drupal В ней есть 3 области левый сайдбар правый сайд бар и центральная...

Как сделать резиновую шапку?
У меня стоит Joomla 1.5, и в модуле прописан логотоп таким способом: <h1><img...

Как правильней сделать эту резиновую вёрстку?
Мне надо, чтоб при изменении размера окна браузера, правый блок не съезжал вниз. На картинке...

3
1025 / 678 / 295
Регистрация: 04.04.2013
Сообщений: 2,709
08.02.2014, 23:37 2
CSS
1
background-size: cover;
http://htmlbook.ru/css/background-size
0
0 / 0 / 1
Регистрация: 04.02.2014
Сообщений: 15
08.02.2014, 23:49  [ТС] 3
не работает! Масштабирует не так как надо. Есть ещё варианты? background-size:100% так же не работает.
0
12 / 12 / 2
Регистрация: 08.02.2014
Сообщений: 64
10.02.2014, 06:26 4
fa_t, в общем скажу в теории , Тебе нужно во первых картинка очень большого разрешения , т.е очень широкую. Ты ее разрезаешь на части допустим 1 2 3 4 5 6. при маленьком разрешении сделать так чтобы у тебя отображалась 3 и 4 часть при большем к примеру 2 и 5-я часть и при самом большом 1 и 6 часть. Ищи ответ на твой вопрос в вопросах адаптивной верстке .
0
10.02.2014, 06:26
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
10.02.2014, 06:26
Помогаю со студенческими работами здесь

Как сделать резиновую верстку с Div, использованием <!doctype html>
Ситуация интересная. Без &lt;!doctype html&gt; - верстка работает. С использованием &lt;!doctype&gt;, все...

Прошу подсказки, как автоподстройку изображения в хедере сделать под размер экрана :)
Приветствую ребят, делаю сайт на вордпрессе, с темой Hueman, сделал логотип в Header и добавил...

Экземпляр в хедере. Обьект в меин. Функция в cpp модифицирует поле обьекта. Как сделать?
Как сделать что бы void modif() изменял значение поля hours для обьекта st2. Есть 3 файла: 1.h...

Сделать резиновую высоту
Вообщем дела с height плохи,т.к. по умолчанию auto,в пикселях плохо будет выглядеть на других...

Как сделать "Резиновую линию"?
ТАК у меня не получается стереть линии которые оставляет моя резиновая линия. Вроде вызываю...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru