Помощник
 |
|
|
|
|
Сообщение сайта
|
 Две картинки в фон |
anmar1972
|
Сообщение
#1
|
||
 Участник  Группа: User Сообщений: 123 Регистрация: 1.9.2010 Из: Челябинск Поблагодарили: 24 раза Репутация:  3 
 |
|
||
 |
|
||
|
kioto
|
 3.9.2012, 14:31;
Ответить: kioto
Сообщение
#2
|
 Бывалый Группа: User Сообщений: 283 Регистрация: 7.5.2009 Поблагодарили: 82 раза Репутация: 24
|
Так не выйдет. Фон может быть только один. Сделайте div контейнер нужной ширины/высоты и в него впихните второй бекграунд.
-------------------- |
|
|
|
|
narkoman38
|
3.9.2012, 14:33;
Ответить: narkoman38
Сообщение
#3
|
|
Новичок Группа: User Сообщений: 24 Регистрация: 11.7.2012 Из: Россия Поблагодарили: 0 раз Репутация: 0
|
не так мыслеш. читай вывше
|
|
|
|
|
anmar1972
|
Сообщение
#4
|
|
Участник Группа: User Сообщений: 123 Регистрация: 1.9.2010 Из: Челябинск Поблагодарили: 24 раза Репутация: 3
|
(kioto @ 3.9.2012, 16:31)  Так не выйдет. Фон может быть только один. Сделайте div контейнер нужной ширины/высоты и в него впихните второй бекграунд. div будет прописан между <body>...</body> , тогда картинка будет по ширине сайта, а нужно, что бы она выходила за границы сайта. |
|
|
|
|
kioto
|
3.9.2012, 14:38;
Ответить: kioto
Сообщение
#5
|
|
Бывалый Группа: User Сообщений: 283 Регистрация: 7.5.2009 Поблагодарили: 82 раза Репутация: 24
|
(anmar1972 @ 3.9.2012, 15:35) div будет прописан между <body>...</body> Это как 0_о? За body у Вас ничего никогда не выйдет. По определению. Если Вы хотите. В Вашем случае есть два фона: первый шириной в контентную область, второй - во все окно. Вот тот, который на окно, то есть шире контента - пихайте в боди. Второй, который шининой в контент - в див. Если оба шире контента, просто делайте див шириной 100% и будет Вам счастье. А в него уже - основной код сайта. -------------------- |
|
|
|
|
anmar1972
|
Сообщение
#6
|
|
Участник Группа: User Сообщений: 123 Регистрация: 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
|
3.9.2012, 14:59;
Ответить: kioto
Сообщение
#7
|
|
Бывалый Группа: User Сообщений: 283 Регистрация: 7.5.2009 Поблагодарили: 82 раза Репутация: 24
|
Нет. Все теги разметки должны находиться внутри body. У Вас наоборот.
-------------------- |
|
|
|
|
anmar1972
|
Сообщение
#8
|
|
Участник Группа: User Сообщений: 123 Регистрация: 1.9.2010 Из: Челябинск Поблагодарили: 24 раза Репутация: 3
|
Только div или стили тоже? Хотя стили не прчём. Сделал, картинка не выходит за пределы тела сайта.
Сообщение отредактировал anmar1972 - 3.9.2012, 15:09 |
|
|
|
|
kioto
|
3.9.2012, 15:13;
Ответить: kioto
Сообщение
#9
|
|
Бывалый Группа: User Сообщений: 283 Регистрация: 7.5.2009 Поблагодарили: 82 раза Репутация: 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> Остальное - по желанию  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
|
Сообщение
#10
|
|
Участник Группа: User Сообщений: 123 Регистрация: 1.9.2010 Из: Челябинск Поблагодарили: 24 раза Репутация: 3
|
Kioto, уж не удобно писать, но нижняя картинка под верхней, а не в футере...
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
 Кто и зачем покупает картинки обезьян по $200 тысяч?NFT |
167 | metvekot | 27416 | 6.3.2024, 21:58 автор: Boymaster |
 |
В РФ приступили к производству антишпионского защищенного смартфона «Р-фон» |
17 | Room | 3106 | 17.1.2024, 10:19 автор: Antarez |
|
Выравнивание картинки по центру между текстом |
10 | NikN | 2637 | 6.1.2021, 23:24 автор: buypushplatform |
|
Нужно добавить картинки на сайт И видео |
2 | Ksardas777 | 4092 | 17.11.2018, 10:41 автор: Intuit89 |
|
Две статьи, язык английский Срочно продаю два текста на английском |
2 | alxpn | 2884 | 9.5.2018, 11:15 автор: alxpn |
|
Текстовая версия | Сейчас: 19.4.2024, 23:55 |
