eXtropia: the open web technology company
Technology | Support | Tutorials | Development | About Us | Users | Contact Us
Resources
 ::   Tutorials
 ::   Presentations
Perl & CGI tutorials
 ::   Intro to Perl/CGI and HTML Forms
 ::   Intro to Windows Perl
 ::   Intro to Perl 5
 ::   Intro to Perl
 ::   Intro to Perl Taint mode
 ::   Sherlock Holmes and the Case of the Broken CGI Script
 ::   Writing COM Components in Perl

Java tutorials
 ::   Intro to Java
 ::   Cross Browser Java

Misc technical tutorials
 ::   Intro to The Web Application Development Environment
 ::   Introduction to XML
 ::   Intro to Web Design
 ::   Intro to Web Security
 ::   Databases for Web Developers
 ::   UNIX for Web Developers
 ::   Intro to Adobe Photoshop
 ::   Web Programming 101
 ::   Introduction to Microsoft DNA

Misc non-technical tutorials
 ::   Misc Technopreneurship Docs
 ::   What is a Webmaster?
 ::   What is the open source business model?
 ::   Technical writing
 ::   Small and mid-sized businesses on the Web

Offsite tutorials
 ::   ISAPI Perl Primer
 ::   Serving up web server basics
 ::   Introduction to Java (Parts 1 and 2) in Slovak

 

Introducton to Web Design
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 = "http://www.eff.org"
        NAME = "topFrame">
  <FRAME SRC = "http://www.extropia.com"
        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 = "http://www.eff.org"
        NAME = "topFrame">
  <FRAME SRC = "http://www.extropia.com"
        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 = "http://www.eff.org"
        NAME = "topFrame">
  <FRAME SRC = "http://www.extropia.com"
        NAME = "botFrame">
<NOFRAME>
Well, if you do not have a frames capable browser,
this whole section will be meaningless.  :(
</NOFRAME>
</FRAMESET>
</HEAD>
</HTML>

Previous Page | Next Page