Самоучитель по HTML, Прокрутка в фреймах.

Как и сказал в педыдущем уроке, начнем приводить в нормальный вид последний пример.
Первое что мы сделаем это уберём прокрутку у logotip.html, перепишем код в frame.html

        <html>
        <head>
        <title>Фреймы </title>
        </head>
        <frameset rows="140,*">
        <frame src="logotip.html"  scrolling="no" >
              <frameset cols="130,*">
                  <frame src="menu.html">
                  <frame src="kontent.html">
              </frameset>
        </frameset>
        </html> 
посмотреть

Обратите внимание, я добавил новый атрибут scrolling(прокрутка) для тега frame с значением "NO".
Этот атрибут принимает и другие значения:
"YES" - прокрутка будет всегда
"NO" - прокрутки не будет ни когда
"AVTO" - прокрутка будет только в тех случаях, когда нужно. Хотя это значение можно и не ставить, т.к. оно по умолчанию.
От прокрутки мы избавились, теперь сделаем так, что-бы наши фреймы больше вообще не двигались(не перетаскивались мышкой).
Перепишем наш код:

        <html>
        <head>
        <title>Фреймы </title>
        </head>
        <frameset rows="140,*" >
        <frame src="logotip.html"  scrolling="no" noresize>
              <frameset cols="130,*">
                  <frame src="menu.html"  noresize>
                  <frame src="kontent.html" noresize>
              </frameset>
        </frameset>
        </html> 

Мы ипользовали для этой цели новый атрибут noresize который запрещает изменять размер фреймов, и задается каждому фрейму в отдельности. Этот атрибут не принимает ни каких значений, потому что является булев. Но будте с этим атрибутом предельно осторожно, бывают ситуации когда нужно, что-бы размер изменялся сам... Я этот учебник сперва писал при помощи фреймов, меню книги расположил слева, но когда уроков стало больше десяти, ссылки на странице стали не помещяться на экране, а прокручивать меню стало не возможно, и я что-бы не эксперементитовать переписал все на PHP.
Хотя можно было просто убрать бордюры.

        <html>
        <head>
        <title>Фреймы </title>
        </head>
        <frameset rows="140,*" border="0">
        <frame src="logotip.html"  scrolling="no">
              <frameset cols="130,*">
                  <frame src="menu.html">
                  <frame src="kontent.html">
              </frameset>
        </frameset>
        </html> 

посмотреть

Обратите внимание: мы использовали атрибут border с значение ноль, для того что-бы убрать бордюры у наших фреймов, т.к. их больше нет мы не можем их двигать самостоятельно, что и было задумано...
П.С. В следующем уроке мы научимся работать с ссылками.


Перейти к выбору следующей страницы