GVMproject.info-бесплатные программы, скрипты, шаблоны
Руководство по html

Параметры тэга frame

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

< html >
< head >
< title > Хождение по фреймам < /title >
< frameset cols="100,*" >

< frameset rows="100,*" >
< frame src="logo.html" scrolling="no" >
< frame src="menu.html" >
< /frameset >
< frame src="content.html" >

< /frameset >
< /head >
< /html >

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

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

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

< html >
< head >
< title > Хождение по фреймам < /title >
< frameset cols="100,*" border="0" >

< frameset rows="100,*" >
< frame src="logo.html" scrolling="no" >
< frame src="menu.html" >
< /frameset >
< frame src="content.html" >

< /frameset >
< /head >
< /html >

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

< html >
< head >
< title > Хождение по фреймам < /title >
< 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 >
< /head >
< /html >

Прижали. Теперь давайте познакомимся с параметрами тэга < frame > marginheight и marginwidth.

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

Теперь мы поговорим о том, что становится проблемой для каждого человека, начинающего осваивать фреймы.

Итак, обратимся к нашему примеру. Нажмите на любую из ссылок. Документ, на который введет ссылка, откроется в том же фрейме. А нам бы надо сделать так, чтобы он открылся во фрейме с основным содержанием, а меню осталось в нетронутом виде. Как это сделать?

Для начала, господа, познакомьтесь с новым параметром тэга < frame > - name. Пустим name в дело:

< html >
< head >
< title > Хождение по фреймам < /title >
< 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" name="window-1" >

< /frameset >
< /head >
< /html >

Параметр name задает имя для фрейма (в нашем случае для того, который содержит документ content.html).

Имя фрейма может быть в дальнейшем использовано для ссылки на него из других документов (фреймов), с помощью параметра тэга < a > target (target="имя_фрейма").

Как это выглядит? Обратимся к документу menu.html.

< html >
< head >
< title > Документ с Меню < /title >
< body background="cherti3.gif" text="#ffffff" link="#ffffff" alink="#ffffff" vlink="#ffffff" >
< center >
< a href="content.html" > Главная < /a >
< a href="tumki.html" > Тумки < /a >
< a href="bumki.html" > Бумки < /a >
< a href="tururumki.html" > Турурумки < /a >
< a href="tra-la-la.html" > Траляля < /a >
< /center >
< /body >
< /head >
< /html >

Вот такой он, в нашем случае. Теперь для каждой ссылки укажем параметр target="window-1", где window-1 - это имя фрейма, в котором у нас располагается документ с основным содержанием (content.html).

< html >
< head >
< title > Документ с Меню < /title >
< body background="cherti3.gif" text="#ffffff" link="#ffffff" alink="#ffffff" vlink="#ffffff" >
< center >
< a href="content.html" target="window-1" > Главная < /a >
< a href="tumki.html" target="window-1" > Тумки < /a >
< a href="bumki.html" target="window-1" > Бумки < /a >
< a href="tururumki.html" target="window-1" > Турурумки < /a >
< a href="tra-la-la.html" target="window-1" > Траляля < /a >
< /center >
< /body >
< /head >
< /html >

Теперь, все ссылки открываются в нужном нам фрейме, а меню никуда не исчезает, при этом мы не приложили никаких особых усилий, а только изменили немного два документа :).

Бывают ситуации, когда нам нужно, чтобы открываемый документ открылся во все окно, для этого надо параметру target задать значение _top:

< a href="project.html" target="_top" > Мой проект о рыбках < /a >

Страница с проектом о рыбках откроется в полное окно, закрыв (уничтожив) остальные кадры (фреймы).

----------------------------


Страниц : # « 13 14 15 16 17 18 19 20 » #
TEXT +   TEXT -   Печать Опубликовано : 20.12.09 | Просмотров : 50942 | Ваша оценка

Введите слово для поиска :
Популярные файлы
- скрипт форума phpBB2
- Скрипт MLM пирамиды
- Nvu 1.0 визуальный редактор
- Java скрипты
- auto URL submit программа для регистрации сайта в каталогах
- PHP скрипт обменного пункта
 
Популярные статьи
- учебник вебмастеру
- Руководство по html
- Cascading Style Sheets (Таблицы Каскадных Стилей)
- Клоакинг
- Дорвеи и поисковые системы.
 
Реклама

##
##
##
 
Услуги
 
статистика
Поздравления с Новым годом

Яндекс.Метрика
 
RSS

 
В начало страницы © 2018 www.gvmproject.info CMS Danneo (некоммерческий продукт) - это бесплатная, c открытым исходным кодом система управления сайтами. Разработана на языке программирования PHP и может работать почти на любой платформе(хостинг площадке), используя в качестве базы данных MySQL. Поддерживает SEO-frendly, RSS 2.0 - каналы и Yandex-news, Google SiteMap, экспорт контента с помощью JavaScript и многое другое. А базовая комплектация позволяет построить сайт почти любой сложности и дизайна и эффективно им управлять.Распространяется в соответствии с GNU General Public 2