Моя первая страница с фреймами

HTML — Frames

Frames are used to show more than one HTML document in one window. That means you will have a content-less, that will have the role of showing the browser what pages must be displayed. Since PHP and CSS have been introduced, this technique has been used less and less.

HTML — Frames, Credit’s page

Generally, frames are used to display a menu in a part and the content in another part. When someone will click a link from the menu another page will open in the content part.

We will exemplify this using the following code:

• frameset — the tag that establishes the characteristics of the frames, the individual frames will be defined within it.
• frameset cols=»#%, *» — «Cols» establishes the height that each frame will have. In the previous example we have established that the first frame (menu) will occupy 30% of the shown area, and we used the » * » sign to indicate the browser that the rest in the rest of the page will be shown the content.
• frame src=»» — the address of the files that will be displayed as menu and content.

HTML — Frame — Adding a banner or a title

frameset rows=»#%, *» — «rows» establishes the height of each frame that will be displayed. In the previous example, we have chosen that the first frame will be 20%, and the rest of the space that has remained will be divided between menu.html and content.html

HTML — Frame — Borders and Spaces

You must have noticed that between frames there are some gray lines that most of the time are not wanted. Erasing them is possible using the frameborder and framespacing tags. These attributes will be introduced under the frameset tag.

**Note: Frameset and frameborder is the same attribute. Some browsers do not recognize both of them, just one of them. That being said, our advice is to use both of them for more security.

• frameborder»#» — The 0 value means there will be no border
• border=»#» — modifies the border’s thickness (used by Netscape)
• framespacing=»#» — modifies the border’s thickness (used by Internet Explorer)

Here’s a practical example:

HTML — «Frame name» and «Frame target«

To maintain the menu in its actual position and that when we click on the contact page to open, for example, instead of the content page, we will name every frame and we will specify the place where it will open using the ‘base target’ tag.

Here is our code for the page:

Noresize and scrolling

You can personalize the frame further more using the noresize and scrolling

• no resize — does not let the frame to change its dimension based on the user’s screen.
• scrolling=»(yes/no)» — allows, or does not allow, using the scroll in a frame.

Источник

Полосы прокрутки

Если содержимое фрейма не помещается в отведенное окно, автоматически появляются полосы прокрутки для просмотра информации. В некоторых случаях полосы прокрутки нарушают дизайн веб-страницы, поэтому от них можно отказаться. Для управления отображением полос прокрутки используется атрибут scrolling тега . Он может принимать два основных значения: yes — всегда вызывает появление полос прокрутки, независимо от объема информации и no — запрещает их появление (пример 13.9).

Пример 13.9. Запрет на изменение размера фреймов

При выключенных полосах прокрутки, если информация не помещается в окно фрейма, просмотреть ее будет сложно. Поэтому scrolling=»no» следует использовать осторожно.

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

HTML по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Популярные рецепты

• Как добавить картинку на веб-страницу?
• Как добавить иконку сайта в адресную строку браузера?
• Как добавить фоновый рисунок на веб-страницу?
• Как сделать обтекание картинки текстом?
• Как растянуть фон на всю ширину окна?
• Как выровнять фотографию по центру веб-страницы?
• Как разместить элементы списка горизонтально?
• Как убрать подчеркивание у ссылок?
• Как убрать маркеры в маркированном списке?
• Как изменить расстояние между строками текста?
• Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?
• Как открыть ссылку в новом окне?

Популярные задачи

• TEX
• Отступы между блоков
• Андроид в тени
• Ссылка как кнопка
• Вложенные списки
• Форма регистрации
• Объединение ячеек таблицы
• Обязательные поля формы
• Цвет и фон в таблице
• Асуанская плотина
• Батарейка
• Заголовки

Источник

Полосы прокрутки

Если содержимое фрейма не помещается в отведенное окно, автоматически появляются полосы прокрутки для просмотра информации. В некоторых случаях полосы прокрутки нарушают дизайн веб-страницы, поэтому от них можно отказаться. Для управления отображением полос прокрутки используется атрибут scrolling тега . Он может принимать два основных значения: yes — всегда вызывает появление полос прокрутки, независимо от объема информации и no — запрещает их появление (пример 13.9).

Пример 13.9. Запрет на изменение размера фреймов

При выключенных полосах прокрутки, если информация не помещается в окно фрейма, просмотреть ее будет сложно. Поэтому scrolling=»no» следует использовать осторожно.

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

HTML по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Популярные рецепты

• Как добавить картинку на веб-страницу?
• Как добавить иконку сайта в адресную строку браузера?
• Как добавить фоновый рисунок на веб-страницу?
• Как сделать обтекание картинки текстом?
• Как растянуть фон на всю ширину окна?
• Как выровнять фотографию по центру веб-страницы?
• Как разместить элементы списка горизонтально?
• Как убрать подчеркивание у ссылок?
• Как убрать маркеры в маркированном списке?
• Как изменить расстояние между строками текста?
• Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?
• Как открыть ссылку в новом окне?

Популярные задачи

• TEX
• Отступы между блоков
• Андроид в тени
• Ссылка как кнопка
• Вложенные списки
• Форма регистрации
• Объединение ячеек таблицы
• Обязательные поля формы
• Цвет и фон в таблице
• Асуанская плотина
• Батарейка
• Заголовки

Источник

Фреймы, убираем полосу прокрутки и рамку

Убрать полосу прокрутки во фрейм — документах можно при помощи атрибута scrolling тега .
Атрибут scrolling может принимать значения:

• scrolling="no" — Полосы прокрутки не будет;
• scrolling="yes" — Полоса прокрутки будет всегда;
• scrolling="auto" — Полоса прокрутки появиться автоматически (значение по умолчанию)

В ниже приведенном примере я уберу полосу прокрутки для фрейма в который помещена картинка с логотипом

Из примера видно, что полоса прокрутки исчезла, но надпись ЛОГОТИП видна не вся. Для того чтоб задать положение документа во фрейме следует ввести атрибуты marginwidth и marginheight для тега , которые определят ширину и высоту полей фрейма, соответственно.

marginwidth="0" marginheight="0">

Рамка между фреймами убирается при помощи атрибута border для тега Для атрибута border присваивается значение 0, так же как в случае с таблицами.

border="0">

Источник

Scrolling whole page when using frameset.

I declared my html page with frameset.
Height of total page is more then 600 pixels,
so in screen of 800×600 I cannot scroll.
I don’t want to scroll just one frame — but I want to scroll the whole page.

I did something like this :

Advertisements

Hywel Jenkins

I declared my html page with frameset.
Height of total page is more then 600 pixels,
so in screen of 800×600 I cannot scroll.
I don’t want to scroll just one frame — but I want to scroll the whole page.

Advertisements

Mr. x

Thanks,
but I find a way to scroll :

I don’t know if this is the best solution,
and for iframe (What year & version Netscape supports iframes ?),
but what I did is another html, that has a reference to the html with frames
like this :

frameborder = «0» scrolling = «no»/>

Height is the total height, that doesn’t change in any resolution (what is
changed is only the width).

Ask a Question

Want to reply to this thread or ask your own question?

You’ll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Similar Threads

(HTML Question) Giving a specific width for a frameset	2	Apr 22, 2011
align the whole page to the center.	31	Sep 16, 2008
Frame Changes it’s fixed size	0	Mar 3, 2008
W3C Validation	23	Dec 3, 2011
Change the parent frameset attributes	2	Nov 29, 2003
Frames not updating	2	Jun 19, 2007
Frameset look and behavior problem in Firefox. Help Please!	15	Feb 22, 2007
scrolling=»none» Has No Effect	8	Mar 25, 2010

The Coding Forums is a place to seek help and ask questions relating to coding and programming languages.

Источник