Лекция: Приводим фреймы в опрятный вид.
В последнем нашем примере первое, что бросается в глаза, это целая куча полос прокруток, которые стоят где надо и не надо… Давайте от них избавимся, ну можно и оставить кое где… Делается это при помощи атрибута scrolling — тега <frame>, он может иметь одно из трёх значений:
- no — никогда не показывать полосу прокрутки,
- yes — всегда показывать,
- auto — показывать в том случае если она необходима.
Пример:
<html>
<head>
<title>фреймы</title>
</head>
<frameset cols="*,800,*">
<frame src=«dekor.html» scrolling=«no»>
<frameset rows=«120,*»>
<frame src=«logotype.html» scrolling=«no»>
<frameset cols=«200,600»>
<frame src=«menu.html»>
<frame src=«text.html»>
</frameset>
</frameset>
<frame src=«dekor.html» scrolling=«no»>
</frameset>
</html>
смотреть пример
Поля фреймов или иначе расстояние от границ фрейма до текста или картинки, как в нашем случае, задаются в пикселях при помощи атрибутов marginwidth и marginheight тега <frame>
Пример:
<html>
<head>
<title>фреймы</title>
</head>
<frameset cols="*,800,*">
<frame src=«dekor.html» scrolling=«no»>
<frameset rows=«120,*»>
<frame src=«logotype.html» scrolling=«no» marginwidth=«0» marginheight=«0»>
<frameset cols=«200,600»>
<frame src=«menu.html»>
<frame src=«text.html» marginwidth=«10» marginheight=«10»>
</frameset>
</frameset>
<frame src=«dekor.html» scrolling=«no»>
</frameset>
</html>
смотреть пример
Поговорим немного о рамках вокруг наших фреймов.
Если Вы обратили внимание, то в последнем примере наведя курсор на границу фрейма он, курсор то бишь, приобретает другой вид (захватить и переместить) и теперь эту границу можно перетащить в какую либо сторону удерживая левой кнопкой мыши. Иногда такая «мобильность» границ фреймов играет на руку веб-мастеру, но чаще всё же мешает… Для того, чтобы запретить пользователю играться с размерами окон для тега <frame> придумали атрибут noresize
Пример:
<html>
<head>
<title>фреймы</title>
</head>
<frameset cols="*,800,*">
<frame src=«dekor.html» scrolling=«no» noresize>
<frameset rows=«120,*»>
<frame src=«logotype.html» scrolling=«no» marginwidth=«0» marginheight=«0» noresize>
<frameset cols=«200,600»>
<frame src=«menu.html» noresize>
<frame src=«text.html» marginwidth=«10» marginheight=«10» noresize>
</frameset>
</frameset>
<frame src=«dekor.html» scrolling=«no» noresize>
</frameset>
</html>
смотреть пример
А вот давно нам знакомый атрибут border задаёт ширину в пикселях этих самых рамок между фрёймами… пишется он внутри тега <frameset>. Как и раньше значение border=«0» вовсе избавит нас от рамок.
Пример:
<html>
<head>
<title>фреймы</title>
</head>
<frameset cols="*,800,*" border=«0»>
<frame src=«dekor.html» scrolling=«no» noresize>
<frameset rows=«120,*» border=«0»>
<frame src=«logotype.html» scrolling=«no» marginwidth=«0» marginheight=«0» noresize>
<frameset cols=«200,600» border=«0»>
<frame src=«menu.html» noresize>
<frame src=«text.html» marginwidth=«10» marginheight=«10» noresize>
</frameset>
</frameset>
<frame src=«dekor.html» scrolling=«no» noresize>
</frameset>
</html>
смотреть пример