Очень срочно нужна помощь !!!! - Веб-программирование

edgar-mad · 14.04.2003, 17:52

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

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

madmoor · 14.04.2003, 18:04

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

Цитата:

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

Цитата:

hempsmoke · 15.04.2003, 01:04

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

sanchos · 15.04.2003, 06:54

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

.
Так, имхо, будет грамотней, и привязка к якорю совсем не нужна... броузер сам все сделает. Код сам напишешь

Или, если уж совсем непонятно, то могу специально для тебя написать этот примерчик

edgar-mad · 15.04.2003, 11:24

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

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

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

edgar-mad · 15.04.2003, 11:28

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

Stasik · 15.04.2003, 14:45

100%?

sanchos · 17.04.2003, 01:52

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

<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>

14.04.2003, 17:52	# 1
edgar-mad Junior Member Регистрация: 19.11.2002 Адрес: г. Брянск Сообщения: 150	Очень срочно нужна помощь !!!! Суть такова: Есть 3 картинки; верхняя и нижняя должны меняться в зависимоти от размера окна(т.е. быть в процентах), а средняя быть определенного размера и никогда не меняться. поясняю: на разрешении 1024х768 и больше верх и низ видны, а на 800х600 они должны исчезать полностью или почти полностью. Помогите кто может, можно через фреймы, а можно через таблицу. __________________ Жизнь без музыки подобна путешествию через пустыню

15.04.2003, 11:28	# 6
edgar-mad Junior Member Регистрация: 19.11.2002 Адрес: г. Брянск Сообщения: 150	madmoor: что ты предлагаешь поставить вместо ххх? __________________ Жизнь без музыки подобна путешествию через пустыню

15.04.2003, 14:45	# 7
Stasik Registered User Регистрация: 27.03.2002 Адрес: дома Сообщения: 1 660	100%? __________________ Всё будет хорошо!

15.04.2003, 01:04	# 3
hempsmoke ::VIP:: IMHO Молодожен-2006 Регистрация: 14.06.2002 Адрес: Moscow Сообщения: 2 921	edgar-mad что-то я не очень понял.... картинки должны менять в размере или исчезать???

15.04.2003, 06:54	# 4
sanchos ::VIP:: Художник-2004 Регистрация: 04.11.2002 Адрес: Питер Сообщения: 1 604	Имхо, можно сделать это так: делаешь таблицу из трех строк, в первую и третью не пихаешь ничего, а просто прописываешь в стилях 1 и 3 картинку как фон относительно низа и верха соответственно. Ну, а во вторую пихаешь 2-ую картинку... Как предложил madmoor, делаешь ширину и высоту второй строки ~800 и ~600... высоту-то точно нужно указать ~600. Но не забудь, что не все 600 будут видны при этом разрешении . Так, имхо, будет грамотней, и привязка к якорю совсем не нужна... броузер сам все сделает. Код сам напишешь Или, если уж совсем непонятно, то могу специально для тебя написать этот примерчик

17.04.2003, 01:52	# 8
sanchos ::VIP:: Художник-2004 Регистрация: 04.11.2002 Адрес: Питер Сообщения: 1 604	Вот, написал вкратце... Исход из этого, можешь заточить как нужно тебе <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>