HTML - Navigation Menu Does Not Work In Ie 6?

Hi,

Can anybody tell me how to code a sliding navigation bar? By sliding navigation menu i mean that when the user scrolls down the page, the navigation menu follows the screen down and vice versa.

Below I have pasted my code for my navigation menu.

Cheers,

<div id"quicklinks">
<p id="quicklinks">

<img src="images/greekflag.jpg" alt="Greek Flag"><br>
<br>
<a href="index.html">Home</a><br>
<br>
<a href="pages/apartment.html">Apartment Details</a><br>
<br>
<a href="pages/kassiopi.html">Kassiopi</a><br>
<br>
<a href="pages/corfu.html">Corfu</a><br>
<br>
<a href="pages/corfutimeline.html">Corfu Timeline</a><br>
<br>
<a href="pages/gallery.html">Gallery</a><br>
<br>
<a href="pages/quiz.html">Corfu Quiz</a><br>
<br>
<u><b>External Links</b></u><br>
<br>
<a target="_blank"href="http://www.kassiopi.info">Kassiopi Experience</a><br>
<br>
<a target="_blank" href="http://www.kassiopi.org">Kassiopi</a><br>
<br>
<a target="_blank" href="http://www.greeklandscapes.com/greece/corfu.html">Hydropolis Water<br> Park</a><br>
<br>
<a target="_blank" href="http://www.agni.gr">Agni</a><br>
<br>
<a target="_blank" href="http://www.kassiopi-cosmic.com">Kassiopi-Cosmic</a><br>
<br>
<a target="_blank" href="http://www.aqualand-corfu.com">Aqualand</a><br>
<br>
<a target="_blank" href="http://www.yannisrentacar.gr">Yannis Rentacar</a><br>
<br>
<img src="images/greekflag.jpg" alt="Greek Flag">
</div>
</p>

Does anyone know how to create this in Dreamweaver? I'm mostly interested in how the navigation bar jpg has sort of an image map idea to it (even though it's not an image map).

This is how the navigation bar looks in your html browsers:



This is how it looks without any CSS coding:



This is how the navigation bar's jpg looks alone:

(different states for how the navigation "button" will look when hovered over, clicked, etc)

Any help would be greatly appreciated!

I'm very new to HTML/CSS/Javascript. In the website I'm trying to build, I want to display a relatively simple navigation menu on the left side of the webpage, similar in look to the one here (example):
http://build-website.com/design/opportunity.html

Is there some way to put the initialization text for the navigation menu in a separate .html file (or, just some other file), so that every time I want to add a section/link to the nav menu, I won't have to go through each of my web pages individually and add the code for the link? (I am not going to use frames because, among other things, that would make it more difficult to bookmark and copy addresses of individual pages)

I have been teaching myself through the w3schools tutorials, but despite looking through them and googling for answers I haven't been able to find a solution. Is this possible in HTML? Something that would allow something like like <div src="navmenu.html"> would be ideal but I haven't been able to find anything.

(At the moment I'm just using notepad and typing in code manually)

Hi, I am new to this borad, hope someone good at HTML can help me.

I am building a website www.blazeauto.co.uk/shop/ there is a problem with the navigation menu. It work perfects in Firefox and Safari but not in IE.

The following are the code I use.

<ul id="mainmenu-nav">
<ul class="ul-nav"
<li class="li-nav"><a href="index.php?act=viewCat&amp;catId=1" class="txtDefault">Test Category</a></li>
</ul>

<ul class="ul-nav"
<li class="li-nav"><a href="index.php?act=viewCat&amp;catId=2" class="txtDefault">Level1</a></li>
</ul>

<ul class="ul-nav"
<li class="li-nav"><a href="index.php?act=viewCat&amp;catId=4" class="txtDefault">Level2</a></li>
</ul>

<ul class="ul-nav"
<li class="li-nav"><a href="index.php?act=viewCat&amp;catId=5" class="txtDefault">Level3</a></li>
</ul>

</ul>

And this is the CSS code

.li-nav a{
font-size: 14px;
width: 150px;
display: block;
text-indent: 2px;
font-family: "Trebuchet MS", Verdana, Arial;
color: #000000;
text-decoration:none;
font-weight: bold;
background-image:url(/shop/img/linkout.gif);
}

.li-nav a:hover{
width: 150px;
display: block;
text-indent: 2px;
font-family: "Trebuchet MS", Verdana, Arial;
color: #FFFF00;
text-decoration:none;
background-color: #0066FF;
background-image:url(/shop/img/linkover.gif);

-----------------------
Can anyone tell me what is wrong? I have been trying for two days with no luck.

Thanks
Per

I am trying to get rid of the "You have to click to activate this function" mumbo jumbo for a site I am doing. I tried following these directions...
http://www.adobe.com/devnet/activeco...devletter.html
but am having a rough time getting it to work... here is my code.
Code:

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','900','height','140','src','GoodDock','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','GoodDock' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="900" height="140">
  <param name="movie" value="images/GoodDock.swf" />
  <param name="quality" value="high" />
  <embed src="images/GoodDock.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="900" height="140"></embed>
</object></noscript>

Hello,

I'm new to this forum, so first, hello! Actually, I'm new to web design in general but have taken on the role at the church I work at because our old site was a mess. I downloaded some nice looking templates and have been using them as a foundation. The site is www.miamibc.com. If you go there and look at the header menu (home, about us, etc), I want to consolidate that menu some and add a drop down menu with more choices. Is there a way I can do this while keeping it looking the way it does now? If you need any more info from me, let me know. Thanks for your help!

Ben

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!!!!!

I am new to html and web designing. I have an idea for a Navigation Bar but I do not know if its possible or if its been done before. My idea is for a horizontal Nav Bar with a green background. As the visitor puts his or her cursor over the link, a lightning bolt appears from the left side and extends to the right to where the cursor is located. When the cursor moves to the links on the right side it extends, and to the left it retracts. The lightning design will be above the green background but behind the text of the link.

Has this ever been done before, if so where can I find it? If not, how can I make one just like it? Are there any navigation generators or 3rd party applications that have pre-set options to allow this as well?

I was wondering how i could do a navigation like this one with out using flash. I dont know java but only html. Please can someone help me?
Here is what im looking for: http://nexon.net I just need the navigation part.

I initially had my website on freewebs.com, and used the code <!--#include virtual="/nav.shtml" --> for the navigation on each html page.

I've now found a host and am trying to transfer all the pages over, however I can't seem to get the navigation sorted. The navigation should be on the left of this page - http://broadcast.tcg-publicity.org/about.html

I really don't know why it's not working, as I haven't changed anything or edited any of the files. And the files are definitely in the right folder. This is the current index, and you can see that the correct file is there - http://broadcast.tcg-publicity.org/

Does anyone know what could be wrong??

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>

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!

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!

Howdy,

I have a navigation bar at the top of every page on a website. This nav bar contains several links, and they are the same on each page. The problem is, the urls they reference often need to be changed. And editing a bunch of documents every time this happens seems like needless work.

Is there a way I can make the links in this nav bar reference some CSS document or some such thing, which contains the actual links?

Thanks for your time,
- A noobie.