Need Help with HTML--probably easy for most of you

A

arch

New Member
I just have a simple question about HTML code. I would like to get a bar across the screen with navigation links. I'm aiming for something like this:
http://home.earthlink.net/~s.russell/LC/webquest2.html

The dark brown part with Top, Intro, etc...

I'm using Microsoft Frontpage for no other reason than its what I had. I also tried to look at his code and figure it out, but I didn't have any luck. I'd really appreaciate any help!
 
Thanks for the quick reply, but unfourtunatly I'm going to need more than that. I've never done anything beyond the most basic of webpages, and I'm trying to learn how to do more.
 
I have never used frontpage, but I think that the top bar is just a .GIF with text on top of it I have posted the .GIF they are useing:


 
Last edited:
The page uses frames, to acomplisht this you have a frameset page, whihc basically holds the template or layout for the different frames

EXAMPLE CODE OF FRAMESET:
PHP: 
<html>

<head>
<title>New Page 2</title>
</head>

<frameset rows="67,*">
    <frame name="header" scrolling="no" noresize target="main" src="header page.htm">
    <frame name="main" src="main page.htm">
    <noframes>
    <body>

    <p>This page uses frames, but your browser doesn't support them.</p>

    </body>
    </noframes>
</frameset>

</html>
The two files referenced in that code block "header page.htm" and "main page.htm" should be in the same directory as the frameset. You then add your page's content to each of the two files and then browse to the frameset page to view the complete finsihed article

Need help, just ask

dragon2309

*EDIT* -
Emperor_nero said:
I have never used frontpage, but I think that te top bar is just a .GIF with text on top of it I have posted the .GIF's there useing:

http://img117.imageshack.us/img117/7406/lc

[url=http://imageshack.us][IMG]http://img107.imageshack.us/img107/4224/ye[/quote]

Thats just plain wrong... maybe you could research a little before posting, even just glancing at that pages source code would show its not a .gif (that and your links dont even work...)
Click to expand...
 
Last edited:
Well I disagree with you dragon Becouse if if save the page offline then you with see that the background is a JPG and the dark brown bar at the top is a GIF
 
Do what Dragon said but make sure that when you make headerpage.htm that when you are adding the links dont just do a normal link like this
Code: 
<a href="example.htm">Example</a>
because it will make that link open in the frame at the top (called headerframe.htm). You have to use links that open in the main frame (called main) with a link like this
Code: 
<a href ="example.htm" target ="showframe">Example</a>

The page that you showed uses frames but you can acomplish the same thing with other techniques like CSS but they are more complicated so frames is probably best.

Emporer the reason they are gifs is because the top frame has a background which is a gif and the main frame has a background which is a jpg. They are still seperate frames.
 
Emperor_nero said:
Well I disagree with you dragon Becouse if if save the page offline then you with see that the background is a JPG and the dark brown bar at the top is a GIF
Click to expand...
The .gif is simply a background ofr the page that the frameset is referencing... it has nothing to do with that image just sitting on a single page
 
Ah thank you so much! That's what I needed! I may have more questions later, but that really got me moving again.

Thanks Again!
 
To make it more clear you will have to create at least 3 pages. One page that has the 2 frames inside it. And another 2 pages that are for each page.
First make a page called frames.html and into it have the code
Code: 
<html>
<head>
<title>Frames</title>
</head>
<frameset cols="80,*">
<frame noresize="noresize" name="nav" scrolling="no" src="main.html">
<frame noresize="noresize" name="main" src="navframe.html">

<noframes>
Your browser doesn't support frames.
</noframes>
</frameset>
</html>
then make a page called main.html and just type something like this is the main frame. Then make a frame called navframe.html and put the code
Code: 
<html>
<head>
<title>nav</title>
</head>
<body>
<a href ="main.html" target ="showframe">Homepage</a><br>
</body>
</html>
and whenever you add a new link to the navigation frame have
Code: 
target="showframe"

EDIT: Dang my reply took too long.
 
Ok, spoke to soon. Now I want to do the other pages, and I would like to keep the same format. Do I need to make another frameset each time? I know that the title page will remain the same, but how do I change the bottom part for each different page and keep the same formating?
 
No.
You need to have one main page like main.html that has the code to include the navigation frame and another frame. Whenever you want to add another frame open the source of the navigation frame (depending on what you named it) and then add a link to it. Then when you click the link it will change the frame. make sure the links from the navigation frame have
Code: 
target="showframe"
in them.

EDIT:
To make it more clear.
You made a navigation frame at the top right?
Open this frame and the code should be something like
Code: 
<html>
<head>
<title>nav</title>
</head>
<body>
<a href ="main.html" target ="showframe">Homepage</a><br>
</body>
</html>

To add another page just add a new link to the navigation frame like this:
Code: 
<html>
<head>
<title>nav</title>
</head>
<body>
<a href ="main.html" target ="showframe">Homepage</a>
<a href ="frame1.html" target ="showframe">Frame 1</a>
<a href ="frame2.html" target ="showframe">Frame 2</a>
</body>
</html>
and rename the links.
When you click those links they will appear in the main frame.
 
Last edited:
You must log in or register to reply here.
Back
Top