X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Не могу соединить два тэга...
Mihajlovic
Mihajlovic
Topic Starter сообщение 22.4.2011, 19:56; Ответить: Mihajlovic
Сообщение #1


Здравствуйте уважаемый форумчане.
Нужна помощь.
Цель - сделать так чтобы бэкграундная картинка сайта:
1) была на всю ширину браузера, то есть растягивалась автоматически.
2) была недвижимой, то есть чтобы прокрутки вниз/вверх прокручивали только содержимое сайта но не бэкграундную картинку.
первое реализуется вроде так:
#layer1 {
z-index: 1; /* Порядок слоев */
width: 100%; /* Ширина слоя с фоном */
height: 100%; /* Высота слоя с фоном */
position: absolute; /* Абсолютное позиционирование */
left: 0; /* Положение от левого края окна */
top: 0; /* Положение от верхнего края */
}
#layer2 {
position: absolute; /* Абсолютное позиционирование */
z-index: 2; /* Порядок слоев */

прописывается в стайле
второе вот так :
#bg {position:fixed; top:0; bottom:0; left:0; right:0; background-image:url(bg_center.jpg);}
#content {position:absolute; top:0; bottom:0; left:0; right:0;}

но это только в стайле, а что прописывать в боди - непонятно...
В общем нужно как то эти стайлы объединить, чтобы картинка и растягивалась на всю ширину браузера и не движима была.
Буду благодарен за помощь!!!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LoaD_hb
LoaD_hb
сообщение 23.4.2011, 12:03; Ответить: LoaD_hb
Сообщение #2


В фаил css пропиши следующее:
[CSS]
html {
background: url(../images/путь_к_картинке.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
height:100%;
}
[/CSS]
Только укажи свой путь к фоновой картинке.
Должно помочь.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Mihajlovic
Mihajlovic
Topic Starter сообщение 23.4.2011, 12:11; Ответить: Mihajlovic
Сообщение #3


(LoaD_hb @ 23.4.2011, 15:03) *
В фаил css пропиши следующее:
[CSS]
html {
background: url(../images/путь_к_картинке.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
height:100%;
}
[/CSS]
Только укажи свой путь к фоновой картинке.
Должно помочь.


а без css файла можно это прописать? чтоб бы прям в html документе?
спасибо...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LoaD_hb
LoaD_hb
сообщение 23.4.2011, 13:53; Ответить: LoaD_hb
Сообщение #4


(Mihajlovic @ 23.4.2011, 15:11) *
а без css файла можно это прописать? чтоб бы прям в html документе?

Нет смысла так делать.
чтобы присоединить фаил css, просто после тега <head> вставь следующее:
<link href="путь_к_файлу.css" type="text/css" rel="stylesheet" />
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
jester_hb
jester_hb
сообщение 30.4.2011, 20:48; Ответить: jester_hb
Сообщение #5


А что можно и в HTML. Просто ставляете в <head>
<style type="text/css">
/*Здесь CSS*/
</style>

Или если воже без CSS то в HTML вставлякте
<html>
<head>
</head>
<body background="fon.jpg">
</body>
</html>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Два сайта р травах и народной медицине Восстановленные на wordpress
 2 tbr82 2170 19.5.2022, 0:52
автор: tbr82
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыAdobe muse: Не могу разместить нужный мне код сразу после Body
 0 Evg82 3832 20.6.2020, 10:24
автор: Evg82
Открытая тема (нет новых ответов) Могу сделать регистрации в букмекерских конторах
 4 extremalspeed 2631 22.1.2019, 23:08
автор: hiberok
Открытая тема (нет новых ответов) Два сайта под ваши статьи и постовые
Женская и стройка с Тиц 30
 14 PostBrigada 11554 16.1.2019, 21:38
автор: Alexkoles
Открытая тема (нет новых ответов) Продаю два сайта на Wordpress тиц
 1 tbr82 3021 20.7.2018, 22:36
автор: tbr82


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 19.4.2024, 5:42

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet