IMHO.WS - Очень срочно нужна помощь !!!!

IMHO.WS (https://www.imho.ws/index.php)

- Веб-программирование (https://www.imho.ws/forumdisplay.php?f=29)

- - Очень срочно нужна помощь !!!! (https://www.imho.ws/showthread.php?t=26942)

Очень срочно нужна помощь !!!!

Суть такова:
Есть 3 картинки; верхняя и нижняя должны меняться в зависимоти от размера окна(т.е. быть в процентах), а средняя
быть определенного размера и никогда не меняться.
поясняю: на разрешении 1024х768 и больше верх и низ видны, а на 800х600 они должны исчезать полностью или почти полностью.

Помогите кто может, можно через фреймы, а можно через таблицу.

Допустим, у тебя файл с этими тремя имиджами называется page.html и выглядит так

Цитата:

Тогда просто линк на него делаешь таким образом

Цитата:

edgar-mad
что-то я не очень понял.... картинки должны менять в размере или исчезать???

Имхо, можно сделать это так:
делаешь таблицу из трех строк, в первую и третью не пихаешь ничего, а просто прописываешь в стилях 1 и 3 картинку как фон относительно низа и верха соответственно. Ну, а во вторую пихаешь 2-ую картинку...
Как предложил madmoor, делаешь ширину и высоту второй строки ~800 и ~600... высоту-то точно нужно указать ~600. Но не забудь, что не все 600 будут видны при этом разрешении ;).
Так, имхо, будет грамотней, и привязка к якорю совсем не нужна... броузер сам все сделает. Код сам напишешь :) Или, если уж совсем непонятно, то могу специально для тебя написать этот примерчик ;)

hempsmoke : картинки 1 и 3 должны меняться в зависимости от разрешения экрана и запонять всю его оставшуюся часть вверх и вниз.

SaNChos: сделал как ты сказал, но я не понял как прописать это все в стилях

вот мой код в краце...

madmoor:
что ты предлагаешь поставить вместо ххх?

Вот, написал вкратце... Исход из этого, можешь заточить как нужно тебе ;)

<HTML>
<HEAD>
<STYLE>
BODY {
margin-top: 0px; margin-bottom: 0px;
margin-left: 0px; margin-right: 0px;
padding-top: 0px; padding-bottom: 0px;
padding-left: 0px; padding-right: 0px;
}
.Top_img {
Background-Image: url('1.jpg');
Background-Repeat: no-repeat; Background-Position: bottom center;
}
.Middle_img {
Background-Image: url('2.jpg');
Background-Repeat: no-repeat; Background-Position: center center;
}
.Bottom_img {
Background-Image: url('3.jpg');
Background-Repeat: no-repeat; Background-Position: top center;
}

</STYLE>
</HEAD>
<BODY>
<CENTER>
<TABLE border=0 width="100%" height="100%" cellpadding=0 cellspacing=0>
<TR>
<TD class="Top_img"><IMG src="empty.gif" width=1 height=1></TD>
</TR>
<TR>
<TD height=450 class="Middle_img"><IMG src="empty.gif" width=1 height=450></TD>
</TR>
<TR>
<TD class="Bottom_img"><IMG src="empty.gif" width=1 height=1></TD>
</TR>
</TABLE>
</BODY>
</HTML>