HTMLisEasy.com
HTML tutorials for the rest of us...

Lets make banner.html. Start with the following and save it.

<html>
<head>
<title>Practice Page- Banner</title>
</head>
<body bgcolor="#0000ff">
</body>
</html>

Notice we have specified a background color of blue.

VIEW banner.html          VIEW Master Page


Pop in the image and <center> it.

<html>
<head>
<title>Practice Page- Banner</title>
</head>
<body bgcolor="#0000ff">
<center><img src="framz.gif" width="500" height="75"></center>
</body>
</html>

VIEW banner.html          VIEW Master Page


All right... as you can see we have a problem. We have a scrollbar getting in the way and the image is not positioned in the window very well. Open your Master Page. Turn off the scroll bars and get rid of the margins.

<html>
<head>
<title>A Practice Page</title>
</head>

<frameset rows="77,*">
  <frame src="banner.html" scrolling="no" marginwidth="0" marginheight="0">
  <frameset cols="20%,80%">
    <frame src="directory.html">
    <frame src="home.html" name="MAIN-WINDOW">
  </frameset>
</frameset>

</html>

VIEW IT

<< BACK NEXT >>
Frames Tutor
Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
Frames Templates      HTML 4.0 Reference      Barebones HTML Guide