//
you're reading...
HTML

HTML Framesets

Frameset is a frame container that consists of rectangular spaces called frames. 

The ROWS and COLS attributes define the dimensions of each frame in the set. The following are example:

<FRAMESET ROWS=”25%, 75%”>…</FRAMESET>

<FRAMESET COLS=”25%, 75%”>…</FRAMESET>

The ROWS attribute (specified above) give the height of each row from top to bottom. The COLS attribute (specified above) gives the width of each column from left to right. If ROWS or COLS is omitted, the implied value for the attribute is 100%.

The ROWS and COLS can be in one (1) document. The examples below will make you understand the Framesets and Frames, and eventually will give you an idea to create your own Frameset designs.

Once downloaded, you need to unzip the files into your local directory or you can also click “Copy/Paste the Code” if you don’t like to download.

Downloadables are courtesy of http://www.quackit.com here is the complete URL:

http://www.quackit.com/html/templates/frames/

You can also download all templates in a single .zip file.

Frameset Example 1

2 columns

Example 1 (2 Columns):

View Example
Download Template (.zip File)
OR
Copy/Paste the Code

Frameset Example 2

2 Rows

Example 2 (2 Rows):

View Example
Download Template (.zip File)
OR
Copy/Paste the Code

Framesets Example 3

2 Colums, 2 Rows – A

Example 3 (2 Columns, 2 Rows – A):

View Example
Download Template (.zip File)
OR
Copy/Paste the Code

Framesets Example 4

2 Columns, 2 Rows – B

Example 4 (2 Columns, 2 Rows – B):

View Example
Download Template (.zip File)
OR
Copy/Paste the Code

Framesets Example 5

2 Columns, 3 Rows

Example 5 (2 Columns, 3 Rows):

View Example
Download Template (.zip File)
OR
Copy/Paste the Code

Framesets Example 6

3 Columns, 3 Rows

Example 6 (3 Columns, 3 Rows):

View Example
Download Template (.zip File)
OR
Copy/Paste the Code

Discussion

No comments yet.

Leave a comment

Calendar

September 2012
M T W T F S S
 12
3456789
10111213141516
17181920212223
24252627282930

Enter your email address to follow this blog and receive notifications of new posts by email.

Join 6 other subscribers