:: code war·ri·or                    
                   

Frame Templates

In case you're not quite sure about designing frame sets, here are some templates to either work through or copy. Just find the pattern that you want and then copy the code.

To save space (and make things clearer) I've omitted most of the tag attributes. You can add these and adjust frame sizes as needed.

2 Frames: Horizontal

2 Frames: Horizontal<FRAMESET ROWS="100,*">

<FRAME NAME="TOP">
<FRAME NAME="BOTTOM">

</FRAMESET>

2 Frames: Vertical

2 Frames: Vertical<FRAMESET COLS="100,*">

<FRAME NAME="LEFT">
<FRAME NAME="RIGHT">

</FRAMESET>

3 Frames: Horizontal

3 Frames: Horizontal<FRAMESET ROWS="100,*,100">

<FRAME NAME="TOP">
<FRAME NAME="MIDDLE">
<FRAME NAME="BOTTOM">

</FRAMESET>

3 Frames: Vertical

3 Frames: Vertical<FRAMESET COLS="100,*,100">

<FRAME NAME="LEFT">
<FRAME NAME="MIDDLE">
<FRAME NAME="RIGHT">

</FRAMESET>

3 Frames: Banner + 2 Vertical

3 Frames: Banner + 2 Vertical<FRAMESET ROWS="100,*">

<FRAME NAME="BANNER">

<FRAMESET COLS="100,*">

<FRAME NAME="LEFT">
<FRAME NAME="RIGHT">

</FRAMESET>

</FRAMESET>

3 Frames: Sidebar + 2 Horizontal

3 Frames: Sidebar + 2 Horizontal<FRAMESET COLS="100,*">

<FRAME NAME="SIDEBAR">

<FRAMESET ROWS="100,*">

<FRAME NAME="TOP">
<FRAME NAME="BOTTOM">

</FRAMESET>

</FRAMESET>

4 Frames: Banner + Sidebar + 2 Horizontal

4 Frames: Banner + Sidebar + 2 Horizontal<FRAMESET ROWS="100,*">

<FRAME NAME="BANNER">

<FRAMESET COLS="100,*">

<FRAME NAME="SIDEBAR">

<FRAMESET ROWS="50%,50%">

<FRAME NAME="TOP">
<FRAME NAME="BOTTOM">

</FRAMESET>

</FRAMESET>

</FRAMESET>

4 Frames: Sidebar + Banner + 2 Vertical

4 Frames: Sidebar + Banner + 2 Vertical<FRAMESET COLS="100,*">

<FRAME NAME="SIDEBAR">

<FRAMESET ROWS="100,*">

<FRAME NAME="BANNER">

<FRAMESET COLS="50%,50%">

<FRAME NAME="LEFT">
<FRAME NAME="RIGHT">

</FRAMESET>

</FRAMESET>

</FRAMESET>

4 Frames: Even Split

4 Frames: Even Split<FRAMESET COLS="50%,50%">

<FRAMESET ROWS="50%,50%">

<FRAME NAME="TOP LEFT">
<FRAME NAME="BOTTOM LEFT">

</FRAMESET>

<FRAMESET ROWS="50%,50%">

<FRAME NAME="TOP RIGHT">
<FRAME NAME="BOTTOM RIGHT">

</FRAMESET>

</FRAMESET>


Still not sure how to create the frame set of your choice? Try using a WYSIWYG editor.

· code-warrior
· HTML Tutorials
· Frames


Quick Links
· What are Frames?
· Frameset Attributes
· Frame Pages
· Frame Templates


SHOP
· Book @ Amazon
· Software @ Amazon

Please send any comments to
This HTML guide is a free resource
© Code Warrior 2002