★ wanayoo — archive 1999 http://www.wdvl.com/Authoring/HTML/Tutorial/row_frames.htmlNouvelle recherche | Portail wanayoo
Click Here! logo
internet.com
Join the free
WDVL newsletter!

home

Row Frames

  • Making frame rows is essentially the same as making columns. Let's look at an example of creating a row-based frames document. Specifically, let's divide a browser window into two rows.

  • Since this is best explained by example, consider the following code:

<HTML>
<HEAD>
<TITLE>Frame Row Example</TITLE>
<FRAMESET ROWS = "100, 100">
  <FRAME SRC = "/old?u=http%3A%2F%2Fwww.eff.org&y=1999" 
        NAME = "topFrame">
  <FRAME SRC = "/old?u=http%3A%2F%2Fwww.extropia.com&y=1999" 
        NAME = "botFrame">
<NOFRAME>
Well, if you do not have a frames capable browser, 
this whole section will be meaningless.  :(
</NOFRAME>
</FRAMESET>
</HEAD>
</HTML>

  • On the web, the previous code would like the following figure.

  • Suppose we did not want to hardcode the frame size. The ROWS attribute also takes percentages as values to allow for a percentage-based sizing. Thus, the previous code could be rewritten as the following :

<HTML>
<HEAD>
<TITLE>Frame Row Example</TITLE>
<FRAMESET ROWS = "50%, 50%">
  <FRAME SRC = "/old?u=http%3A%2F%2Fwww.eff.org&y=1999" 
        NAME = "topFrame">
  <FRAME SRC = "/old?u=http%3A%2F%2Fwww.extropia.com&y=1999" 
        NAME = "botFrame">
<NOFRAME>
Well, if you do not have a frames capable browser, 
this whole section will be meaningless.  :(
</NOFRAME>
</FRAMESET>
</HEAD>
</HTML>

  • Finally, you can use an asterix to specify "anything else" as a sizing component. Thus the following code would create three rows. One row would be 25 pixels wide, one would be 25 pixels wide, and the third would take up all the remaining space depending on how the user resized the browser window.

<HTML>
<HEAD>
<TITLE>Frame Row Example</TITLE>
<FRAMESET ROWS = "25, 25, *">
  <FRAME SRC = "/old?u=http%3A%2F%2Fwww.eff.org&y=1999" 
        NAME = "topFrame">
  <FRAME SRC = "/old?u=http%3A%2F%2Fwww.extropia.com&y=1999" 
        NAME = "botFrame">
<NOFRAME>
Well, if you do not have a frames capable browser, 
this whole section will be meaningless.  :(
</NOFRAME>
</FRAMESET>
</HEAD>
</HTML>

Additional Resources:

Column Frames
Introduction to Web Design | Table of Contents
Complex Frames

Up to => Home / Authoring / HTML / Tutorial


internet.com
e-commerce


Click Here!

Copyright 1999-2000 internet.com Corp. Legal Notices. Privacy Policy.

www.internet.com