Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Необычный бекграунд!!!
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Необычный бекграунд!!!

Страниц (1): [1]
 

1. andrweb - 12 Декабря, 2009 - 14:02:30 - перейти к сообщению
Итак. Я пыталюсь использовать две картинки в одном бэкграунде в <body>
Одна картинка слева, а другая справа. Помогите кто чем сможет.
2. EGORR - 12 Декабря, 2009 - 15:00:12 - перейти к сообщению
Интересно узнать чем продиктовано такое витьеватое решение? Если не секрет...
3. andrweb - 12 Декабря, 2009 - 16:05:18 - перейти к сообщению
Я делаю фиксированный сайт. Точно по центру. Хочу использовать какбы два бекграунда
один слева а другой справа. Я много чего перепробовал, но не получается.
4. Вездеход - 12 Декабря, 2009 - 21:07:46 - перейти к сообщению
рисуйте фон, так, чтобы его ширина была например больше 1600
по центру делаете "просвет" (или белый или какой хотите) - тут будет содержание вашего сайта (например, если у вас ширина таблички с инфой будет 800px - то и на фоне в этом месте должна быть неосновная часть.)
а вот слева и справа от этой части будут ваши фоны...

это если по простому.
(Добавление)
да, зыбыл
выставить в настройках фона нужно будет выравнивание по центу
5. andrweb - 23 Декабря, 2009 - 18:53:16 - перейти к сообщению
Тогда получается что это не две картинки, а одна. Да и на загрузку побольше времени уходит.
6. Hunter - 17 Января, 2010 - 03:05:04 - перейти к сообщению
andrweb
можно с помощью таблиц..
все зависит от поставленной задачи..
7. andrweb - 17 Января, 2010 - 15:42:17 - перейти к сообщению
Hunter пишет:
andrweb
можно с помощью таблиц..
все зависит от поставленной задачи..

С таблиц не получается Растерялся . Как можно прикрепить бекграунду таблицу. Подскажи если знаешь...
Задача у меня такая. Есть фиксированный сайт. Сама страница находится по середине. Фон серого цвета. На фоне нужно 2 картинки размерами 200px*600px - одна слева, другая справа. Немогу никак сделать. Верстальщик с меня неопытный.
8. Hunter - 17 Января, 2010 - 17:40:40 - перейти к сообщению
andrweb
то есть, если я правильно понял на этих двух рисунках поверх не будет текста..
предлагаю создать таблицу с такой разметкой: 3 столбца (в крайних назначаете ваши рисунуи в качестве бэкграунда) а средний разбиваете дальше как вам нужно или не разбиваете.. вообще вся разметка делается в основном с помощью таблиц, даже если их невидно они все равно как правило есть, советую поподробнее с ними ознакомиться.

хотя у тэга <img> есть параметр align выравнивающий изображения разным образом..

есть полезный справочник, на всякий случай вот выкладываю...
9. movEAX - 18 Января, 2010 - 12:17:57 - перейти к сообщению
CODE (html):
скопировать код в буфер обмена
  1. <style>
  2. body{
  3.    background: url(..);
  4. }
  5. #second-body{
  6.    background: url(..);
  7.    height: 100%;
  8.    width: 100%;
  9. }
  10. </style>
  11. ...
  12. <body>
  13. <div id="second-body"> </div>
  14. ...
  15. </body>
10. andrweb - 18 Января, 2010 - 13:57:22 - перейти к сообщению
[quote=movEAX][code=html] Спасиб. Это мне и нужно было - работает как на заказ. Улыбка
11. viperdev - 21 Января, 2010 - 15:18:34 - перейти к сообщению
andrweb пишет:
Hunter пишет:
andrweb
можно с помощью таблиц..
все зависит от поставленной задачи..

С таблиц не получается Растерялся . Как можно прикрепить бекграунду таблицу. Подскажи если знаешь...
Задача у меня такая. Есть фиксированный сайт. Сама страница находится по середине. Фон серого цвета. На фоне нужно 2 картинки размерами 200px*600px - одна слева, другая справа. Немогу никак сделать. Верстальщик с меня неопытный.

Вот так можно прикрепить к таблице бэкграунд:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>duble bg</title>
  7. <style>
  8. html, body {margin:0; padding:0; height:100%; background:url(....) top left no-repeat;}
  9. .conteiner {height:100%;margin:0;padding:0;background:url(....) top right no-repeat;}
  10. </style>
  11. </head>
  12. <body>
  13. <table width="100%" border="0" cellspacing="0" cellpadding="0" class="conteiner">
  14.   <tr>
  15.     <td align="left" valign="top">Сюда вставляете ваш сайт или можете разбить таблицу на части header, content, footer и пр. и получите резиновый, кроссбраузерный макет т.е. сайт будет тянутся на 100% по ширине и на 100% по высоте.</td>
  16.   </tr>
  17. </table>
  18. </body>
  19. </html>
  20.  

Или вот так:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <table width="100%" border="0" cellspacing="0" cellpadding="0" background="">
  3.  

Можно и блоками сверстать но 100% высоты не получится, не во всех браузерах.

 

Powered by ExBB FM 1.0 RC1