Javascript menu not displaying correclty

AdRock · #1 Sep 21st, 2006, 12:19

I have downloaded a javascript drop-down menu but the divs that display the drop-down links aren't in the correct position

I downloaded the script from here http://www.dynamicdrive.com/dynamici...anylinkcss.htm

I have a div which acts as the menu bar, and the headers are displayed but the divs with the links are at the bottom of the page

here is the css for the nav bar

Code: Select all

 
#nav {
 width: 775px;  
 height: 27px; 
 border: 1px solid #000000; 
 position: absolute; 
 background-color: #FFD21F; 
 top: 240px; 
 left: 0px;
 z-index:3;
}

and here is the css that came with the script

Code: Select all

 
.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #E9FECB;
width: 205px;
}
.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}
.anylinkcss a:hover{ /*hover background color*/
background-color: black;
color: white;
}
}

I've included the whole css files and index.php

ukgeoff · #2 Sep 21st, 2006, 16:27

Apologies if I'm wrong but haven't we been through all this menu stuff with you before.

Have a look in the sticky thread, download and work through the menu tutorial. You then won't need to download scripts that you have no idea what they are doing. You will be able to create your own from scratch.

moojoo · #3 Sep 21st, 2006, 16:53

Or just use the suckerfish drop downs.

Powderhound · #4 Sep 25th, 2006, 11:27

can't you make a drop down menu in CSS?

besides i heard that 10% of people who use the web turn off Java Script or don't have it, that will mean that 10% of people won't be able to use your navigation.

Powderhound · #5 Sep 25th, 2006, 11:32

i don't know if these will help but
have a look at these

http://www.seoconsultants.com/css/menus/horizontal/

http://meyerweb.com/eric/css/edge/menus/demo.html

moojoo · #6 Sep 25th, 2006, 15:17

It can be done with all CSS yes. However usually some js is required to make it work in IE. Other browsers wont need the javascript.

ukgeoff · #7 Sep 25th, 2006, 18:46

Powderhound:
If you want to get a good understanding of css driven menus, both vertical and horizontal, have a work through the tutorial whose link is in the sticky thread at the top of this furum.

Powderhound · #8 Sep 25th, 2006, 21:45

Quote:

Originally Posted by moojoo

It can be done with all CSS yes. However usually some js is required to make it work in IE. Other browsers wont need the javascript.

dam, i hate IE it always has some sort of problem. When IE 7 comes out will these problems be fixed?

Quote:

Originally Posted by ukgeoff

Powderhound:
If you want to get a good understanding of css driven menus, both vertical and horizontal, have a work through the tutorial whose link is in the sticky thread at the top of this furum.

thanks i'll have a look so i know what to do, but i don't plan on using them in my site just yet

ukgeoff · #9 Sep 25th, 2006, 22:00

According to the Microsoft releases the missing bit of css that required JavaScript to make dropdown menus work has been fixed in IE7.

Powderhound · #10 Sep 26th, 2006, 06:18

Awsome

, IE always gives you some kind of problem when you build your website

AdRock · #11 Sep 26th, 2006, 06:29

I'm gonna check out the sticky. At least I'll know it's not something I did if i doesn't work how it should....probably IE

moojoo · #12 Sep 26th, 2006, 13:53

The main thing is to have the top level menu items function so if the menu is disabled they can at least access the page and its sub links. Of course with css disabled it should show like a neat list. Which is one of th eimportant benefits of doing it with CSS and valid markup. i.e. ul's. li's and nested ul's and li's.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[SOLVED] why isnt my javascript displaying the text	skat	JavaScript Forum	3	Jan 26th, 2008 20:43
Problem displaying a horizontal menu	cmssken1	Web Page Design	1	Apr 19th, 2007 16:34
Please Help with hiding and displaying layers using CSS and Javascript	rosh1e	JavaScript Forum	2	Apr 15th, 2007 03:04
Flash menu is displaying over HTML	vinoy	Web Page Design	2	Nov 22nd, 2006 21:14
CSS menu displaying wrong in Firefox (fine in IE)	camcc	Web Page Design	10	Oct 21st, 2006 02:05

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Javascript menu not displaying correclty