Проблема с background ом

← →
BigBadMutuh (2002-08-24 01:08) [0]

К Дельфи не относится, но может кто знает.
Проблема следующая. Надо на сайте сделать так, чтобы козырное изображение (не волнуйтесь не водопада...и даже не бабочки) отображалось под текстом. Как бэкграунд. Причём оно должно при любом разрешении оставаться посередине страницы. Если кто-нибудь знает, как такое можно реализовать подскажите пжалста. Срочно надо. Слои наверное не подходят, потому что в эксплорере вроде не работают...

← →
AL2002 (2002-08-24 01:18) [1]

<Table Background=TvoyFon.jpg>

Таблица должна быть точно такого масштаба, как и джипег.
Для нетскейпа — на пиксел больше.

Для любого разрешения — делай таблицу в таблице.

Ещё вариант — жабой определять разрешение и подставляй нужный фон, но оно корректно определяется только от 640Х480 до 1024Х768.

← →
BigBadMutuh (2002-08-24 03:15) [2]

Может вот такой вариант подойдёт?
_______________
| | | |
|текст|bg |текст|
| | | |
|_____|___|_____|

Плюс объединить три ячейки в таблице?
Нашёл инфу по слоям в explorer"е. С ис-
пользованием div"а. Но не понятно как сделать
чтоб слой с background"ом был точно посередине страницы.

← →
Agent Smith (2002-08-24 07:09) [3]

А положить изображение в ячейку нельзя? <div align="center"><table>...</table></div>

← →
BigBadMutuh (2002-08-24 12:34) [4]

Вот я про что и говорю. Может сделать всё слоями (div). В первый (нижний) вставить background, а во второй (верхний) - текст.(Будет так работать?) Просто забыл, что у div"а есть такой параметр, как align.

← →
Agent Smith (2002-08-24 14:00) [5]

> BigBadMutuh

Возможно и будет, но велика вероятность, что из под MSIE и Netscape будет смотреться по-разному.

← →
BigBadMutuh (2002-08-24 14:20) [6]

Ну делаю так:
<html> <head> <title>name</title> <style type="text/css"> body {font-size: 30pt;} .d1 { position: relative; top: auto; left: auto; height: 490 px; width:100%; z-index: 1;} .d2 { position: relative; top: 20 px; left: 20px; height:auto; width:100%; z-index: 2;} </style> </head> <body> <table> <tr><td> <div class="d1" align="center"><img src="images/pic.jpg"></div> <div class="d2">Много текста<div> </td></tr> </table> </body> </html>
И нифига не работает. Всмысле работает и отображается, но слои не накладываются друг на друга, а просто слой с текстом уходит под слой с картинкой.
В чём тут дело?

← →
Namo (2002-08-24 15:25) [7]

> BigBadMutuh

а вот прикнь такое... у моей одной знакомой такое уже было на сайте. она потащилась со слоев.. но однажды ей сообщили, что у каждого её сайт смотрится по разному. иногда хрен разберешь, что и где!!! так вот смотри и считай, сколько % посетителей твоего сайта будут наблюдать абрукадабру, сколько - нечленораздельное извращение, а сколько - нормальный сайт (таких будет меньшинство(к сожалению))

← →
BigBadMutuh (2002-08-24 15:39) [8]

2Namo
Почему, и как этого избежать?

← →
BigBadMutuh (2002-08-24 16:29) [9]

Одну проблеему исправил, но появилась другая:
Когда Position: absolute - Слои накладываются друг на друга, но появляется белая полоска справа(а следоватльно горизонтальный scrollbar снизу). Кто-нибудь знает -почему?

← →
Namo (2002-08-24 16:34) [10]

> BigBadMutuh

к сожалению, я точно не знаю. возможно из-за разрешения экрана. лучше использовать таблицы. я в веб-дизайне не мастер... так, любитель

← →
BigBadMutuh (2002-08-24 16:34) [11]

О заработала вроде (Убрал width=100% у второго слоя). И всё таки - почему она не у всех будет нормально отображаться?

← →
Namo (2002-08-24 16:41) [12]

> BigBadMutuh

если хочешь со слоями, можно использовать Ворд

← →
iZEN (2002-08-24 16:54) [13]

Подходящий примерчик:
http://www.beep.ru/~izen/
Смотри сам раздел "ТЕТРАДЬ".
Сделано всё через внешний CSS -- так более гибко.
Сохраняй полностью страничку notebook.html, смотри notebook.css

← →
easy (2002-08-24 16:55) [14]

..у слоёв есть такая штук - z-index называется... чем больше - тем слой выше..
..типа так:
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:2"></div>

← →
BigBadMutuh (2002-08-24 17:28) [15]

Щас как-то сделал, что всё работало. И было клёва. А щас чё-то забыл как полосу внизу сместил в самый низ.
2Namo
Не понял про ворд.

2easy
щас попробую без CSS

← →
Namo (2002-08-24 17:30) [16]

> BigBadMutuh

в Ворде мона делать странички, но там все на слоях и XML, но тебе зато сам код писать не надо.

← →
BigBadMutuh (2002-08-24 18:21) [17]

А в Опере и эксплорере это должно нормально отображаться?

← →
BigBadMutuh (2002-08-24 18:22) [18]

Я хотел сказать не эксплорере, А нафигаторе.

← →
BigBadMutuh (2002-08-24 18:28) [19]

Доделал со слоями. В ыксплорере всё - лучше не придумаешь, а в опере ситуация обратная. Фон перекрывает текст. Да и справа опять полоска мерзкая...

← →
Agent Smith (2002-08-24 18:51) [20]

> BigBadMutuh

ситуация интересная, спроси на форуме www.snkey.net 98% вероятности, что ты получишь исчерпывающий ответ

← →
Namo (2002-08-24 19:04) [21]

> BigBadMutuh

вот-вот, я про ето и говорил. А вообще все будет в ыксплорере работать нормально (если из ворда)

← →
BigBadMutuh (2002-08-24 19:09) [22]

2Agent Smith
OK, ща спрошу.
2Namo
Я же говорю, что в эксплорере всё и так работет нормально.

И кстати. У меня у одного слоя
position: absolute (у фона), а у второго
position: relative.
Если ставить оба одинаковых, то в Опере всё OK, а в explorer"е наоборот галяк полный. ;(( Heeeeeeeelp.

← →
drpass (2002-08-24 19:26) [23]

А параметр z-index для слоев как указывал?

← →
BigBadMutuh (2002-08-24 20:00) [24]

{z-index: 1;} - background
{z-index: 2;} - текст
Но соль видать не в этом. А в Position.
Вот сильно сокращённый код:
<html> <head> <title>index</title> <style type="text/css"> body {font-size: 30pt;} .d1 { position: absolute; top: 89 px; left: 22 px; height: 490; width: 100%; z-index: 1;} .d2 { position: relative; top: 0 px; left: 0 px; height: auto; z-index: 2;} </style> </head> <body> <table width=100% border=0 cellpadding=0 cellspacing=0> <tr><td> <div class="d1" align="center"><img src="images/drop.jpg" width=234 height=490 border=0></div> <div class="d2">Текст</div> </td></tr> </table> </body> </html>

← →
AL2002 (2002-08-27 12:37) [25]

Со слоями не рекомендую. Особ. если дизайн резиновый.

← →
aga (2002-08-27 12:59) [26]

А в FrontPage не пробовал?
У меня всё нормально

← →
aga (2002-08-27 13:00) [27]

А в Word не пробовал?
У меня всё нормально

← →
BigBadMutuh (2002-08-27 13:39) [28]

Я уже сделал. Всем спасибо, особенно Agent Smith за ссылку на www.snkey.net . Мне там действительно очень помогли и теперь всё работает. Между прочим дизайн резиновый и со слоями всё OK.

Проблема с background ом Найти похожие ветки