Noresize and Scrolling

Posted by admin | Posted in HTML Tutorial | Posted on 11-08-2010-05-2008

0

It’s possible to further customize the <frame> tag using the noresize and scrolling=”" attributes.

Example:

  • <html><head></head>
  • <frameset border=”2″ frameborder=”1″ framespacing=”2″ rows=”20%,*”>
  • <frame src=”title.html” noresize scrolling=”no”>
  • <frameset border=”4″ frameborder=”1″ framespacing=”4″ cols=”30%,*”>
  • <frame src=”menu.html” scrolling=”auto” noresize>
  • <frame src=”content.html” scrolling=”yes” noresize>
  • </frameset>
  • </html>

Noresize and Scrolling:

Here’s the Visual: Visual

·           noresize – Do not let the frames be resized by the visitor.

·           scrolling=”(yes/no)”- Allow scrolling or not inside a frame.

We set the scrolling for our content frame to yes to ensure our visitors will be able to scroll if the content goes off the screen. We also set the scrolling for our title banner to no, because it does not make sense to have a scrollbar appear in the title frame.

Frame Tags

Tag Description
<frameset> Defines a set of frames
<frame> Defines a sub window (a frame)
<noframes> Defines a noframe section for browsers that do not handle frames
<iframe> Defines an inline sub window (frame)

The <font> tag in HTML is deprecated. It is supposed to be removed in a future version of HTML.

Even if a lot of people are using it, you should try to avoid it, and use styles instead.

Layout

HTML layout is very basic. Not many options exist with the body tag alone. Tables on the other hand are the bread and butter of HTML layouts. Any element may be placed inside of a table including tables themselves.

Example:

  • <table bgcolor=”black” border=”1″ heigh=”200″ width=”300″>
  • <tr><td>
  • <table bgcolor=”white” heigh=”100″ width=”100″>
  • <tr><td>Tables inside tables!</td></tr>
  • </table>
  • </td></tr></table>

Tables inside tables:

Tables inside tables!

The white table (identified as inner) exists inside of the (shell) table, the black one. A light bulb should be going off inside of your head as you explore how this system will allow for the creation of limitless layouts.

Write a comment

Twitter Users
Enter your personal information in the form or sign in with your Twitter account by clicking the button below.