Первые шаги - Учебник по хтмл (html). Убираем полосу прокрутки, избавляемся от рамок, регулируем ширину полей фрейма. FRAME, FRAMESET, rows, cols, scrolling, border, noresize, marginwidth, marginheight.

Главная | Новости | Карта сайта | Связь


ПРИХОЖАЯ

      Главная
      Новости
      Карта сайта
      Форум


ОБУЧЕНИЕ

      Вступление
      Дизайн
      Графика
      Html
      Программинг
      Размещение
      Реклама
      Статьи
      Архив


СПРАВОЧНАЯ

      Онлайн словарь
      Ссылочная
      Книги


О ПРОЕКТЕ

      История
      Наша команда
      Авторам
      Контакты
      Реклама


Главная / Html / Учебник по Html. Ступенька 39-ая.

Учебник по Html для чайников. Фреймы.

Ступенька 39-ая.

Допустим, мы решили остановиться на последнем варианте фреймовой структуры для нашей страницы, значит будем приводить его в более-менее нормальный вид. Для начала избавимся от полосы прокрутки (скрулинга) во фрейме, содержащим документ logo.html.

<html> <head> <title>Хождение по фреймам</title> </head> <frameset cols="100,*"> <frameset rows="100,*"> <frame src="logo.html" scrolling="no"> <frame src="menu.html"> </frameset> <frame src="content.html"> </frameset> </html> (посмотреть)

Scrolling - атрибут тэга <frame>. Он может принимать несколько значений: no - это значит совсем не будет полосы прокрутки, ни при каких обстоятельствах; yes - это значит полоса прокрутки будет всегда; auto - полоса прокрутки появится только тогда, когда она нужна.

Собственно, scrolling="auto", можно не прописывать, т.к. если атрибут scrolling не задан, то полоса прокрутки появится, если она нужна, а если нет - ее не будет.

Если вы подведете мышку к границе какого-либо фрейма, то увидите, что потянув за нее, вы можете изменить размеры фрейма. Как же запретить вашему посетителю это делать? При помощи атрибута noresize для тэга <frame>:

<html> <head> <title>Хождение по фреймам</title> </head> <frameset cols="100,*"> <frameset rows="100,*"> <frame src="logo.html" scrolling="no" noresize> <frame src="menu.html" noresize> </frameset> <frame src="content.html" noresize> </frameset> </html> (посмотреть)

Теперь давайте избавимся от рамок между фреймами. Для этого мы используем параметр border, с которым мы раньше уже встречались. Итак, border="0".

<html> <head> <title>Хождение по фреймам</title> </head> <frameset cols="100,*" border="0"> <frameset rows="100,*"> <frame src="logo.html" scrolling="no"> <frame src="menu.html"> </frameset> <frame src="content.html"> </frameset> </html> (посмотреть)

Так уже лучше :). Но все же, что-то еще хочется исправить... А! Картинку с чёртом так и хочется прижать в левый верхний угол:

<html> <head> <title>Хождение по фреймам</title> </head> <frameset cols="100,*" border="0"> <frameset rows="100,*"> <frame src="logo.html" scrolling="no" marginwidth="0" marginheight="0"> <frame src="menu.html"> </frameset> <frame src="content.html"> </frameset> </html> (посмотреть)

Атрибуты marginwidth и marginheight вам уже знакомы, они определяют ширину полей фрейма. В нашем документе мы убрали поля, задав значения этим атрибутам равные нулю для фрейма, содержащего документ с нашим чертом (logo.html).

Стоп, стоп, скажет мой читатель, вы же говорили об этих атрибутах, как о нестандартных. Да, конечно, но не стандартны они лишь при употреблении с тэгом <body>, т.к. этого спецификация не предусматривает, однако для тэга <frame>, они могут использоваться без опасений, т.к. для него они в спецификации как раз и предусмотрены.

Вот такие пироги:) Остальное будет на других ступеньках.

Обсудить этот материал на форуме

<<< Ступенька 38-ая: Назад | Далее: Ступенька 40-ая >>>


CСЫЛКИ ПО ТЕМЕ

World Wide Web Consortium (eng)
Спецификация HTML 4.0 (перевод)
Все о HTML
Заметки HTML кодера
HTML-справочник
Коллекция ссылок по Html от Махаона


КНИГИ ПО ТЕМЕ:

Подборка книг по HTML:

HTML-справочник. HTML: экспресс-курс. Самоучитель HTML. HTML в действии.

Подборка книг по СSS, Dhtml, Javascript:

Философия CSS-дизайна. Универсальный Dynamic HTML. JavaScript: наглядный курс создания динамических Web-страниц. Практические занятия по JavaScript. JavaScript: энциклопедия пользователя.

Самоучитель Macromedia Dreamweaver 8. Dreamweaver MX 2004 для "чайников".


РЕКЛАМА

Реклама: [an error occurred while processing this directive]