Картинка на "шапке" сайта

[Lund]

коллективно пытаемся дорабатывать сайт на шаблоне Юкоза под тематику WOW (для игровой гильдии)

создали простенькую картинку для "шапки", но как заставить ее подстраиваться под различные разрешения мониторов - не можем сообразить. Программистов у нас нету, уже три месяца стараемся доходить до HTML сами (с CSS еще не разбирались). Если можно, - подскажите.

ЗЫ: - сайт http://guards-of-death.ucoz.ru/ ; картинка 1250х240 - на моем мониторе (разрешение 1280х800) располагается нормально.

[LunatiK]

Ни как. у вас не получится «нормально» сделать резиновой статическую картинку

Растровую всмысле.

Кстати и при 180x800 оно у вас не нормально ... бэкграунд дублируется

Edited May 12, 2009 by LunatiK

[Aurica]

Я только недавно стала этим интересоваться, но что получилось у меня:

1. Если вы хотите, чтобы картинка изменялась в зависимости от разрешения экрана, то ее не нужно ставить как фон.

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

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

Что имеем:

<div><img src="http://guards-of-death.ucoz.ru/Yulia.gif" width="100%" /></div>
<div style="padding-left: 20px; color: rgb(218, 165, 32); position:absolute; left: 20px; top: 16px;" height="5">Вторник, 12.05.2009, 13:37Приветствую Вас <b>Гость</b> | <a linkindex="0" href="http://guards-of-death.ucoz.ru/news/rss/">RSS</a></div>
<div>
Что там дальше.
</div>

Скрин:

Проверяла в IE7, Ff3, O9

Может быть, можно и как-то по-другому...

"<div style="padding-left: 20px; ": - не нужно. На скрине уже исправленное, а в примере кода забыла исправить.

"position:absolute; left: 20px; top: 16px;" - сверху надо будет указать 46, например, - у вас там еще пикселей 30 фоновой картинки.

[Lund]

Aurica, СПС.