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



 

Здравствуйте, гость ( Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Две картинки в фон
anmar1972
anmar1972
Topic Starter сообщение 3.9.2012, 14:21; Ответить: anmar1972
Сообщение #1


Участник
***

Группа: User
Сообщений: 120
Регистрация: 1.9.2010
Из: Челябинск
Поблагодарили: 24 раза
Репутация:   3  


Такая проблемма. Нужно в фон сайта вставить 2 картинки, top (шапка) и bottom (футер) сайт
Прописываю в стилях:
html{
    height:100%;
}

body {
    font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
    color: #333333;
    margin: 0px;
    padding: 0px;
    font-size:12px;
        [b]background: url(/templates/_default_/images/bg.png) no-repeat center top;
        background: url(/templates/_default_/images/bg1.png) no-repeat center bottom;[/b]
        height:100%;              
}

шапка проподает, футер под шапкой

Подскажите...
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kioto
kioto
сообщение 3.9.2012, 14:31; Ответить: kioto
Сообщение #2


Бывалый
****

Группа: User
Сообщений: 282
Регистрация: 7.5.2009
Поблагодарили: 81 раз
Репутация:   24  


Так не выйдет. Фон может быть только один. Сделайте div контейнер нужной ширины/высоты и в него впихните второй бекграунд.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
narkoman38
narkoman38
сообщение 3.9.2012, 14:33; Ответить: narkoman38
Сообщение #3


Новичок
*

Группа: User
Сообщений: 24
Регистрация: 11.7.2012
Из: Россия
Поблагодарили: 0 раз
Репутация:   0  


не так мыслеш. читай вывше
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
anmar1972
anmar1972
Topic Starter сообщение 3.9.2012, 14:35; Ответить: anmar1972
Сообщение #4


Участник
***

Группа: User
Сообщений: 120
Регистрация: 1.9.2010
Из: Челябинск
Поблагодарили: 24 раза
Репутация:   3  


(kioto @ 3.9.2012, 16:31) *
Так не выйдет. Фон может быть только один. Сделайте div контейнер нужной ширины/высоты и в него впихните второй бекграунд.


div будет прописан между <body>...</body> , тогда картинка будет по ширине сайта, а нужно, что бы она выходила за границы сайта.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kioto
kioto
сообщение 3.9.2012, 14:38; Ответить: kioto
Сообщение #5


Бывалый
****

Группа: User
Сообщений: 282
Регистрация: 7.5.2009
Поблагодарили: 81 раз
Репутация:   24  


(anmar1972 @ 3.9.2012, 15:35) *
div будет прописан между <body>...</body>


Это как 0_о?

За body у Вас ничего никогда не выйдет. По определению. Если Вы хотите. В Вашем случае есть два фона: первый шириной в контентную область, второй - во все окно. Вот тот, который на окно, то есть шире контента - пихайте в боди. Второй, который шининой в контент - в див.

Если оба шире контента, просто делайте див шириной 100% и будет Вам счастье. А в него уже - основной код сайта.


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
anmar1972
anmar1972
Topic Starter сообщение 3.9.2012, 14:57; Ответить: anmar1972
Сообщение #6


Участник
***

Группа: User
Сообщений: 120
Регистрация: 1.9.2010
Из: Челябинск
Поблагодарили: 24 раза
Репутация:   3  


Не получается...

Стили:

html{
height:100%;
}

body {
font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
color: #333333;
margin: 0px;
padding: 0px;
font-size:12px;
background: url(/templates/_default_/images/bg.png) no-repeat center top #d7e3fd;
height:100%;
}

span.fast_cfg_link { padding:4px; }
span.fast_cfg_link img{ border:none; }

/*----------------------------------------------------------------------------*/
#foo{
background: url(/templates/_default_/images/bg1.png) no-repeat center top;
background-repeat: no-repeat;
background-position: center bottom;
}


шаблон:

<html>
<head>
........................
</head>

<div id="foo" width="100%">
<body style="margin: 0pt auto; width: 1000px;">


<table style="text-align: left; width: 100%;" border="0"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td>

</td>
</tr>
</tbody>
</table>
</body>
</div>
</html>
</html>

Так?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kioto
kioto
сообщение 3.9.2012, 14:59; Ответить: kioto
Сообщение #7


Бывалый
****

Группа: User
Сообщений: 282
Регистрация: 7.5.2009
Поблагодарили: 81 раз
Репутация:   24  


Нет. Все теги разметки должны находиться внутри body. У Вас наоборот.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
anmar1972
anmar1972
Topic Starter сообщение 3.9.2012, 15:03; Ответить: anmar1972
Сообщение #8


Участник
***

Группа: User
Сообщений: 120
Регистрация: 1.9.2010
Из: Челябинск
Поблагодарили: 24 раза
Репутация:   3  


Только div или стили тоже? Хотя стили не прчём. Сделал, картинка не выходит за пределы тела сайта.

Сообщение отредактировал anmar1972 - 3.9.2012, 15:09
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kioto
kioto
сообщение 3.9.2012, 15:13; Ответить: kioto
Сообщение #9


Бывалый
****

Группа: User
Сообщений: 282
Регистрация: 7.5.2009
Поблагодарили: 81 раз
Репутация:   24  


О, господи...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <style type="text/css">
            html {
                margin: 0;
                padding: 0;
                width: 100%;
                height: 100%;
            }
            body {
                margin: 0;
                padding: 0;
                width: 100%;
                height: 100%;
                background: url(http://mirudovolctviy.ru/templates/_default_/images/bg1.png) no-repeat bottom center #d7e3fd;
            }
            #wraper {
                margin: 0;
                padding: 0;
                width: 100%;
                background: url(http://mirudovolctviy.ru/templates/_default_/images/bg.png) no-repeat top center;
            }
            #content {
                width: 1000px;
                margin: 0 auto;
            }
        </style>
    </head>
    <body>
        <div id="wraper">
            <div id="content">
                <p>bla-bla-bla</p>
                <br><br><br><br><br>
                <p>bla-bla-bla</p>
                <br><br><br><br><br>
                <p>bla-bla-bla</p>
                <br><br><br><br><br>
                <p>bla-bla-bla</p>
                <br><br><br><br><br>
                <p>bla-bla-bla</p>
                <br><br><br><br><br>
                <p>bla-bla-bla</p>
            </div>
        </div>
    </body>
</html>



Остальное - по желанию smile.gif

PS: скопируйте в отдельный html файл, откройте в браузере. Посмотрите, что получится. Внутрь <div id="content"></div> нужно засунуть Вашу верстку, начиная с

<table style="text-align: left; width: 100%;" border="0"
, и заканчивая

</tr>
</tbody>
</table>

Как-то так...

PPS: свои стили и скрипты не забудьте, разумеется. И пути к картинкам сделайте без http, как у Вас было.

Сообщение отредактировал kioto - 3.9.2012, 15:16


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
anmar1972
anmar1972
Topic Starter сообщение 3.9.2012, 15:40; Ответить: anmar1972
Сообщение #10


Участник
***

Группа: User
Сообщений: 120
Регистрация: 1.9.2010
Из: Челябинск
Поблагодарили: 24 раза
Репутация:   3  


Kioto, уж не удобно писать, но нижняя картинка под верхней, а не в футере...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыЗапилен сервис добавления водяного знака на картинки
10 Ultrastalker 795 Вчера, 23:27
автор: Ultrastalker
Открытая тема (нет новых ответов) Чем сжимать картинки для сайта без потери качества
1st-finstep.ru - Заработок в сети и методы продвижения сайта
13 komarik_vlad 1375 15.12.2017, 12:29
автор: monson
Открытая тема (нет новых ответов) Не отображаются картинки на главной WP
7 DONPOZITIV 978 30.11.2017, 7:33
автор: Nell
Горячая тема (нет новых ответов) Входная дверь в квартиру - одну или две ставить?
45 balsanis 2387 27.11.2017, 8:23
автор: Mikki
Открытая тема (нет новых ответов) Качественная аналитика на тему: Финансы/Авто/IT. Картинки в подарок!
от $2 за 1000 зн. WMZ/Qiwi/Приват24
2 Porsche 590 6.11.2017, 16:34
автор: Porsche


 



RSS Текстовая версия Сейчас: 17.12.2017, 8:57
Дизайн