I have an HTML project that I am having trouble figuring out.?

M

Mike

New member
Create a web page that includes a title and three frames displaying the following:
1.Top frame: a web page heading with a short explanation text.
2.Bottom left frame: a navigation menu with at least three links, each one opening in the bottom right frame.
3.Bottom right frame: displaying the page selected from the navigation menu.


This is the code I have so far
<html>
<body>




<title> Mike Kostin's Gallery Page</title>

<h3><head> Welcome to Mike Kostin's Gallery</head></h3>

<p>
These are pictures that I like. You can click on each one to get a

bigger image in a separate window.
</p>

<table border="10" cellspacing="15">
<tr>

<td><a href="http://ui32.gamespot.com/1887/marines.jpg"

target="_blank">
<img border = 0 src="http://ui32.gamespot.com/1887/marines.jpg"

width="200" height="200"> <center>Marines</center></td>

<td><a href="http://www.forscom.army.mil/reeng/1-G8/Logo%

20Template%20-%20Army%20Strong%201.jpg" target="_blank">
<img border = 0 src="http://www.forscom.army.mil/reeng/1-G8/Logo%

20Template%20-%20Army%20Strong%201.jpg" width="200"

height="200"><center>Army</center></td>

</tr>
<tr>
<td><a href="http://scrapetv.com/News/News%

20Pages/usa/Images/navy-seals.jpg" target="_blank">
<img border = 0 src="http://scrapetv.com/News/News%

20Pages/usa/Images/navy-seals.jpg" width="200"

height="200"><Center>Navy Seals</center></td>

<td><a

href="http://z.about.com/d/miami/1/7/X/4/coast_guard_02.jpg"

target="_blank">
<img border = 0

src="http://z.about.com/d/miami/1/7/X/4/coast_guard_02.jpg"

width="200" height="200"><center>Coast Guard</center>
</td>

</tr>
</table>

<p><i>I hope you enjoyed my image gallery</p></i>

</body>
</html>
 
First of all, DON'T USE FRAMES!!
If your teacher or prof or whatever expects you to do so, tell them to pick up a book about modern HTML practices. No one uses frames anymore.

You could use CSS to do this.
<html>
<style type="text/css">
.Box { height: 200px; overflow:hidden;}
.Top { background-color: Red;}
.Middle { background-color: Green; }
.Bottom { background-color: Blue; }
</style>
<body>
<div class="Top Box">
Top Content
</div>
<div class="Middle Box">
Middle Content
</div>
<div class="Bottom Box">
Bottom Content
</div></body></html>
 
First of all, DON'T USE FRAMES!!
If your teacher or prof or whatever expects you to do so, tell them to pick up a book about modern HTML practices. No one uses frames anymore.

You could use CSS to do this.
<html>
<style type="text/css">
.Box { height: 200px; overflow:hidden;}
.Top { background-color: Red;}
.Middle { background-color: Green; }
.Bottom { background-color: Blue; }
</style>
<body>
<div class="Top Box">
Top Content
</div>
<div class="Middle Box">
Middle Content
</div>
<div class="Bottom Box">
Bottom Content
</div></body></html>
 
Back
Top