HTML Frames Challenge

Create a 2 window frame with a navigation (links) window and a main window. Load 8 search engine  links into the navigation window. These links must be organized in a table with 8 separate cells. Set the table border = "1". Target the main window for the links to load.

A few notes on frames

Frame attributes

Beyond the basics attributes of rows and cols the following attributes are applicable (use them after the rows or cols attributes…<frameset rows="150,*" scrolling=no>)

Used within frame src yields
marginwidth=0 Content flush to side edge
marginheight=0 Content flush to top edge
scrolling=no No scroll bar
scrolling =auto Scroll bar if required
noresize Prevents a frame from size modification


Used within frameset yields
border=0 (N) No border
frameborder=0 (IE) No border
Note: you may be able to get away with using border=0 or frameborder=0, but it is recommended that you include both to ensure that various versions of Netscape and MSIE recognize the tag.

Nesting frames

There are several ways to nest (or divide) frames. The process described below is the probably the simplest approach. It involves thinking similar to creating HTML tables.

  1. Establish in your mind (or on paper) the layout you wish to build.
  1. Establish an initial HTML frameset (i.e. <frameset cols="2">)
  2. When you reach the point where you would normally add <frame src=a.html>, choose to add another frameset tag (i.e. <frameset rows="2">).
  3. Add additional frame src tags.
  4. Ensure that all frame src tags load a webpage that has been created previously.
  5. Ensure that all frameset tags include a closing (</frameset>) frameset tag.
  6. Test your creation.
  7. Add additional links, targeting as necessary.

Other Notes