Results 1 to 2 of 2

Thread: Problem with Javascript menu

  1. #1
    Join Date
    Jul 2007
    Posts
    1

    Problem with Javascript menu

    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.

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,332
    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/for...est070721.html
    http://www.wickham43.supanet.com/for...as08070721.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/tut...downmenus.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/
    Code downloaded to my PC will be deleted in due course.
    WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
    Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.

Similar Threads

  1. CSS? (drop-down menu) problem in IE7
    By webbcity in forum Web Design, HTML Reference and CSS
    Replies: 1
    Last Post: 17 Feb 2006, 02:28 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •