 два фоновых изображения, возможно ли создать два фоновых изображения? |
| веб-мастеру | блог веб-мастера | Статьи Веб-Мастера | SEO Tools | книги веб-мастеру |
Здравствуйте, гость ( Вход | Регистрация )
  |
| comrad |
  10.5.2008, 5:07
Сообщение
#1
|
|
Прохожий  Группа: Пользователи Сообщений: 3 Регистрация: 9.5.2008 Пользователь №: 819  |
возможно ли создать два фоновых изображения? например: одно заполняет верхнюю часть страницы
на 100px , а второе заполняет остальное пространство? |
   |
 
|
| Владислав Алексеевич |
15.6.2008, 4:24
Сообщение
#2
|
 Начинающий Группа: Свои Сообщений: 34 Регистрация: 14.6.2008 Пользователь №: 903 |
Грубо говоря - нет. (Правда я не уверен в этом).
Но есть довольно приятный обходной вариант. Использовать таблицы. В каждой ячейке таблицы можно установить свой бэкграунд (задний фон). Код <html> <head> <title>Пример</title> </head> <!-- задний фон в BODY повторяется полностью (замощает весь экран) --> <body background="a1.gif" style="background-repeat:repeat"> <table width="100%" border="1"> <tr height="300"> <!-- Тут задний фон ставится на одну чейку. и повторение только по оси X, например --> <td background="a2.gif" style="background-repeat:repeat-x">Это ячейка 1</td> <td>Это ячейка 2</td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> </body> </html> Один из вариантов: сделать шапку сайта как задний фон таблицы, а основное тело - фоном BODY. Но я бы всё сделал в таблице. И скин шапки и тело сайта и низ сайта. Ведь таблицу можно растянуть полностью по ширине экрана. (Тело BODY тоже нужно сделать "полноэкранным") эти 6 параметров обеспечат полную широту BODY, и таблица будет отображаться от края до края. Код <body background="a1.gif" style="background-repeat:repeat" marginheight="0" marginwidth="0" bottommargin="0" topmargin="0" leftmargin="0" rightmargin="0"> где все "margin"-ы означают отступы соответствующие их названиям. (Да, часть из них повторяется. Одни используются в IE, а другие в других браузерах.) Саму же таблицу, надо оформить так: Код <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> где cellspacing - расстояние между ячейками в таблице, а cellpadding - расстояние от самой ячейки до данных в ней. Ну и,конечно же, ширину границ надо занулить border="0". Теперь наша таблица стала цельной - без дырок в скинах. Теперь можно радостно заполнять ячейки задним фоном, не боясь "белых дырок". ) -------------------- ( icq: chеtыре-pяtь-chетырe-чеtыrе-chетыre-sеmь-nulь-dеvяtь-pяtь )
|
|
|
|
 |
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0
|
Текстовая версия | Сейчас: 7.9.2008, 2:49 |
Русская версия Invision Power Board
v2.1.7 © 2008 IPS, Inc.