HTML - Best Way To Create Navigation Links?

Hello Everybody,

I want to create a website which has
1) Header Image
2) Menu and sub menu
3) Content (main data when above menu items are clicked)
5) Footer which should be there for every page.

I have created the website using frames and got everything but when window is not 100% then content is not centered.
I have done evenything in HTML.

I want to re-design the webpage without using frames
Please let me know how to display the content in same page when a menu item is clicked.

Help me

Hi,

as the title says, I am wondering if there is a way to include the content of a link in the page itself.

example:

this is a regular link to a html page:
<a href="next.html">next</a>

let's say I don't want the file next.html, is there a way to include the content of next.html somewhere and refer to it from the page directly?

I am not sure I am explaining this well, so I'll say it again: I want to be able to put several html files in one file, meaning I click on links for pages defined in the same html file I am viewing. (this is for use with a tab system in iframes generated dynamically from a database)

As an exemple, if we use an iframe, you can include html code between <iframe>html code here</iframe> directly without using src, so I guess we can do the same for just about any link?

for sure this can be done, but can it be done in html or do I have to use javascript or something?

thank you

not sure if i need a js for this but I have a web page using page jump links to navigate a FAQ page.

However, I would rather have a drop down menu/form with the links instead of a list of text links. Anybody have a clue? thanks in advance.

This is what I have so far as an example...

<form name="jump"><select id="select" name="select">
<option value="" selected="selected">Select</option>
<option value="#1">Category 1</option>
</select></form>



<a id="1" name="1"></a> Category 1

This problem is simple in need, but a little complex to explain. What I am looking for is a way to create a flowchart or a sitemap of each HTML file rather than my whole site. I need a program or application that will do this for me automatically instead of having to create this manually. I have all ready tried Visio, but it does not do what I desire.
Specifically, I have multiple anchor links within each HTML file. These anchor links point to other 'panels' on my page. Within those 'panels' might exist additional links - external or internal. At some point, those links will end at a 'panel'. I need a way to visually show where each anchor link is going, where those links came from (which panel they originated from), and if any of them are 'broken'.
I have attached two files that may explain this better. The flowchart_example.jpg shows exactly what I require (more or less). I really just need the boxes (labeled Panel 00, Panel 01, etc.), how each connects to the other based off of links that are in the HTML file, and eventually show where the links end (no more links in the panel). I do not need the '1 Click' or '2 Clicks' to show up. Those can be manually added later.
The an_example.html file shows an HTML file that has the anchor links and external links that would need to show up in the flowchart. This HTML file more or less mirrors what I am looking for in the flowchart_example.jpg file.
When I refer to Panel 00, that is the top of the page, after the title and black line (where the script actually begins). The user must start at the top. They cannot skip around to other panels. This is why a visual flowchart would be quite helpful. Additionally, the links at the top (scripts, reference, transfers, etc.) along with the top and back buttons on each panel should be ignored when creating the flowchart.
Any information or assistance in finding an application or a way to accomplish this would be greatly appreciated. Thanks in advance.

I think there is a simple fix for this...but I can't think of it.

My client has an existing site (not very well designed and no templates) with hundreds of static pages. She wants me to create a new home (index.htm) page that is just a simple landing page where people can choose to enter her website OR visit the store to purchase products.

Simple enough...but, now all of the 100's of static pages have the link Home=index.htm on them. I want people to type in the URL: www.mysite.com (for example) and land on the new page to choose to go to the site to learn about her and her music OR go to the store to shop.

Once they are in the site, however, and hit the home link, I don't want them to go 'all the way back out' to the new landing page. I want them to go back to the 'old' index.htm page (or her current home page), without having to change the index.htm links on those 100's of pages.

Is there an easy fix for this, using a naming convention for the home page?

Any help would be greatly appreciated. I am a bit stumped on this one.

Hi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones.

So my question is: How hard is this to do? Is this something I need to hire someone to do for me?

Thanks in advance for any advice!

Can someone please tell me how to make the navigation and the line right to the right of the navigation as seen here on this site: http://www.girlsnightoutmusic.com/

Thanks!

Basicly, the problem is when you resize the window to the site, the navigation bar moves frome the place it is suppose to be, and stretches; this throws off the whole layout of the site when the window is resized by anyone(it needs to stay in with the background but it's not)

Any help will be great!!!!!

Hi there,
I am currently working on a website for the school I work at. The website requires a drop down menu that has some submenus to it. Since the site it going to be rather large, I decided to create a div for the navbar where I would use an SSI file. This would allow me to change the navbar in one place rather than on 25 pages.

I have created the navbar in Fireworks, and have set up the properties for each button. I have altered the paths to the images so that they appear properly (see http://www.prestigeinteractive.com/wmems2/index.shtml ), I place the references to the js and css file in the shtml file where the menu is loaded and the paths are correct to the best of my knowledge.

The problem I am facing is when the page is viewed, the drop down menu appears fifty or so pixels above where they should appear. I am not sure if I've done this correctly.

Please view my work at http://www.prestigeinteractive.com/wmems2/index.shtml

The files have been uploaded to this thread, as they are too long to cut and paste.

Thanks for any help you can give.

Greg

So with some trial and error (and much help from the topics on this forum) I figured out how to make my navigation bar static throughout my templates. But now I have another problem, I'm not sure how to add another link to it.. Not successfully at least. I can add another menu, but either it won't go on the bar, or it will force another link off and it will be below the bar.

I used This to make my bar, but the site doesn't seem to be working right now. If that isn't good to use, would someone be so kind to recommend a good free\cheap one?

Also, I am using Kompozer and have little experience with any of this.. So any help is greatly appreciated.

(BTW, sorry if this is the wrong section.)

I built a nice little tabbed navigation and it works great in firefox and safari and displays perfectly fine in IE 6 but for some reasons my rollovers don't work. I'm not too sure as to why, everything seems fine to me... but apparently not to Internet Explorer. I've attached my code below and you can see an example of the nav here.

(I don't have IE7 installed so if someone can take a look at it in that and let me know if it works or not that would be awesome!)

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<!--[if IE]><link rel="stylesheet" media="screen" type="text/css" href="css/htc.css" /><![endif]-->
<style type="text/css" media="screen">
* { margin: 0; padding: 0; }
body { background: #999; }
#tab_wrap { width: 328px; background: #fff; }
#tab_wrap h1 { margin: 0 0 1px 0; width: 328px; height: 37px; background: #44c2fd url(images/header_reviews.png) no-repeat 0 0; text-indent: -2800px; }
#tab_wrap ul { width: 328px; height: 31px; list-style-type: none; }
#tab_wrap ul li { display: block; float: left; }
#tab_wrap a { display: block; width: 55px; height: 31px; text-indent: -2800px; }
#tab_wrap a:hover { background-position: 0 -31px; }
#tab_wrap a.last { width: 53px; }
#tab_wrap a.current { background-position: 0 -31px; }
#music { background: #44c2fd url(images/tab_nav_music.png) no-repeat 0 0; }
#film { background: #44c2fd url(images/tab_nav_film.png) no-repeat 0 0; }
#dvd { background: #44c2fd url(images/tab_nav_dvd.png) no-repeat 0 0; }
#media { background: #44c2fd url(images/tab_nav_media.png) no-repeat 0 0; }
#games { background: #44c2fd url(images/tab_nav_games.png) no-repeat 0 0; }
#gear { background: #44c2fd url(images/tab_nav_gear.png) no-repeat 0 0; }
</style>
</head>
<body>
<div id="tab_wrap">
	<h1>Reviews</h1>
	<ul>
		<li><a id="music" class="current" title="Music Reviews">Music</a></li>
		<li><a href="#" id="film" title="Film Reviews">Film</a></li>
		<li><a href="#" id="dvd" title="DVD Reviews">DVD</a></li>
		<li><a href="#" id="media" title="Media Reviews">Media</a></li>
		<li><a href="#" id="games" title="Games Reviews">Games</a></li>
		<li><a href="#" id="gear" class="last" title="Gear Reviews">Gear</a></li>
	</ul>
</div>
</body>
</html>

hi guys,

I am creating a site and i want to have sub navigation.

here is a link to what i got so far http://renttheweb.com/cah/


and here is the code

Code:

#sidebar
{
	float: left;
	width: 225px;
	background-color:#ffffff;
}
#sidebar ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
#sidebar ul ul 
{
	margin:1em 0;
	padding:0 1em;
}
#sidebar ul ul ul
{
	margin:0.3em 0;
	padding:0 0.5em;
}
#sidebar form 
{
	margin:1em 0;
	padding:0 1em;
}
#sidebar h2 
{
	margin:0;
	padding:0;
	font-size:1.1em;
}

i got the sub nav working but i want it hidden until the parent link is clicked and then it will expand and show the sub pages under that link. any ideas?

CC_DESIGN

Im currently working on a site offline
but i want to have it when you hover over the navigation it switches to an image! Let Me Explain I made buttons in photoshop but when you hover over them i want it to change to another image!
im going to give you an example! this is before i hover over my navigation


this is what i want it to change to when i hover over it!


thanks in advance!

Hi im currently re designing my site and would like a navigation bar similar to the one at http://spundoogle.com/skyserpent/GoogleX/

i just dont know where to begin though

please help

Hi,

I know basic html and I am trying to make a simple website for myself. I just can't get the navigation bar at the top of the page to display correctly.

Look he pacificnewsnow.com/index2.htm

I want to get the 2nd line of the navigation right under the 1st one. I've tried a table and it comes out like this: http://pacificnewsnow.com/index3.htm

(The image for the 2 line of the nav bar will be different, but for now, it's just the same.)

So, for a professional example of what I'm looking to do, look at this website: katu.com

Thank you!