Вертикальные фреймы

Очутившись на грешной Земле, Ева сразу потребовала себе отдельный фрейм. Со всеми удобствами. Пришлось Адаму отыскать нужный тег FRAMESET, без которых раздел имущества был бы невозможным. Тут же нашлись и подходящие атрибуты cols и rows. Повертел Адам их так и сяк, и решил разделить жилище на две комнаты, воспользовавшись атрибутом cols для вертикального разделения. И даже написал следующий код:

<FRAMESET cols="50%, 50%">
<frame src="eva.html">
<frame src="adam.html">
</FRAMESET>

А Еве объяснил так, что вот тебе, личный фрейм eva.html, обставляй его как хочешь, а на мою половину не лезь. Еве идея понравилось, только цифры ей не понравились. Не хочу, говорит, цифр, хочу, чтоб звезды были!

Что не сделаешь для любимой? Адам и переписал, как Ева просила. Ладно, говорит, главное, чтоб поровну было, по честному!

<FRAMESET cols="*,*">
<frame src="eva.html">
<frame src="adam.html">
</FRAMESET>

А Ева не унимается все.

- Нет, давай лучше цифрами,- говорит, - но без процентов!

Ну, Адаму нетрудно. Стер все и написал заново:

<FRAMESET cols="50, 50">
<frame src="eva.html">
<frame src="adam.html">
</FRAMESET>

А Ева опять засомневалась.

- Нет, - говорит, - ты меня обманываешь, давай мне цифрами, а тебе - звездой! И чтоб без процентов, тоже мне ростовщик нашелся!

Рассердился тут Адам.

- Ты сначала обставь свою страничку, потом уладим эти дела!

На том и порешили.

И вот какую страничку сделала себе Ева:

Листинг 15. Файл Eva.html

<HTML>
<HEAD>
<TITLE>Страничка Евы</TITLE>
</HEAD>
<BODY bgcolor=pink>
<H1>Я - ЕВА!</H1>
<IMG src="foto/eva.jpg" border=2 align=left>
<P>
<FONT size=5>
Я - единственная и неповторимая!!!<br>
Я - самая красивая!!! <br>
Любите меня! <br>
</FONT>
<IMG src="foto/roza.gif">
</BODY>
</HTML>

Вот что у нее получилось (Рис. 08_02):

Страничка Евы

А вот страничка Адама:

Листинг 16. Файл Adam.html

<HTML>
<HEAD>
<TITLE>Страничка Адама</TITLE>
</HEAD>
<BODY bgcolor=gray>
<CENTER>
<H1>Я - АДАМ!</H1>
<IMG src="foto/adam.jpg">
<H3>СТРАНИЧКА СТАРОГО ХОЛОСТЯКА</H3>
</CENTER>
</BODY>
</HTML>

А вот что у него получилось (Рис. 08_03):

Страничка Адама

Ну, а теперь, осталось только упаковать оба файла eva.html и adam.html в один общий файл, который назовем просто people.html:

Листинг 17 Файл people.html

И вот, наконец-то их совместный сайт:

Сайт, состоящий из двух фреймов

Еве сайт понравился. Но ей показалось, что половина - слишком мало для нее, такой шикарной, да еще из-за полосы прокрутки не виден весь текст, а главное – розочка, которую она прихватила с собой из рая совсем выпала из вида, и которая дорога была ей как память. Взяла она тогда файл people.html и переписала соотношение фреймов, где решила своим фреймом занять 800 пикселов, а Адаму - что останется:

Листинг 18 Файл people.html улучшенный

Пришел Адам с неудачной охоты, злой, голодный, и чтобы успокоиться сразу сел за компьютер и открыл общий сайт people.html. И что он там увидел при разрешении 10024х768? А вот что:

Проделки Евы

Поменял он разрешение на 800х600 и вообще не увидел своего фрейма. Обидно ему это стало. Взял он тогда и урезал Еву в процентах:

Листинг 19 Файл people.html строгий, но справедливый

И на пароль вообще поставил файлы все. И как бы Ева не упрашивала вернуть хотя бы половину, как не меняла разрешение экрана, people.html по ширине всегда имел такой вид:

20% фрейма Евы, и остальное - Адама