PDA

View Full Version : Problem with Javascript menu



CogitoErgoSum
19 Jul 2007, 08:26 PM
Alright folks, I am pulling my hair our and after having read for a while, I decided to register and ask for help.

Check out http://dumpsterdivinggeek.com/SVATEST/index.php

The menu at the top is supposed to be in that blue bar under the header. All the CSS says it should be. All the coding says it should be. I have no idea why it isnt.

All the code can be seen in http://dumpsterdivinggeek.com/SVATEST/

Please...please help. I am about to pitch the whole thing and just curl up in a corner.

Wickham
20 Jul 2007, 02:06 AM
Despite your link to the index file not working, I have managed to download enough.

Is this what you want? I added background-colors to see what div was positioned where. See

http://www.wickham43.supanet.com/forumposts/cogitotest070721.html
http://www.wickham43.supanet.com/forumposts/cogitoandreas08070721.css

I think the problem must be in the javascript and it's too complicated for me, but I have managed to reposition it by adding
#navigation ul{ position: relative; top: -23px; left: -40px;
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}
in andreaso8.css file (I've changed link urls to suit my folder structure).

It only changes the position 23px but the menu moves down from the top of the header to inside the menu bar which is much more than 23px, so something else is happening that I don't understand. My solution is definitely a fix as I haven't found the real reason.

The menu was also too long for the width available, so I added left: -40px.

Why use such a complicated menu with three long javascript files? Pure CSS menus from
http://www.cssplay.co.uk/menus/index.html
and
http://www.wickham43.supanet.com/tutorial/dropdownmenus.html
would do a simpler job.

Your apache server is allowing your list of files to be shown. You can disallow this, but it enabled me to access your files.
http://dumpsterdivinggeek.com/SVATEST/