Dropdown menu issues

Discussion in 'CSS' started by hellusius, Oct 3, 2007.

0
  1. #1
    I have two issues atm on this following "http://warnicro.awardspace.com/index2.htmlsite" site and those are the following.

    1./ My a:link etc aren't working, no idea why, cause aren't links in a upper table suppose to apply to a table in a table? :S

    2./ the javascript for dropdown menu's with CSS isn't working, no idea why either.

    Something I am forgetting or doing wrong?

    Sincere
     
    hellusius, Oct 3, 2007 IP
  2. Arnold9000

    Arnold9000 Peon

    Messages:
    241
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Your address redirects somewhere else. So sorry, I can't help you.
     
    Arnold9000, Oct 3, 2007 IP
  3. hellusius

    hellusius Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Oops "http://warnicro.awardspace.com/index2.html"
     
    hellusius, Oct 3, 2007 IP
  4. Arnold9000

    Arnold9000 Peon

    Messages:
    241
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Your dropdowns appear to work fine in firefox, but doesn't work in IE.
    IE is telling me you have an error on line 7 which is where your javascript function begins. So somewhere in that javascript function, you have an error. This part should be asked in the javascript section of this forum.

    Also, you have an error in your style sheet, which could possibly be causing the error in your javascript, so fix this first and try it again before you take the problem to the javascript section of this forum. Here's where the error is.

    .nav li ul ul {
    margin: -1.3em 0 0 188px;
    position: absulote;
    z-index:1;
    }

    You spelled absolute wrong, so chances are, the rest of your specs could fall apart because some browsers might ignore all of the styles after it, after it finds an error. This is most likely your problem



    Your links don't appear to do anything because they are pointing to the same page you are already on. Roll over your links and look at the status bar at the bottom and you'll see where they think they are supposed to go. They all think they are supposed to stay on the same page. So your links are actually doing what you told them to do

    Here is the address of your page

    http://warnicro.awardspace.com/index2.html

    And here is the address of your links

    http://warnicro.awardspace.com/index2.html#

    The address is identical with the exception of a # at the end of your link addresses. All that does is tell it to stay on the same spot on the same page. The links will work if you give them addresses to other pages
     
    Arnold9000, Oct 3, 2007 IP
  5. hellusius

    hellusius Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    That little chunk of CSS wasn't taken out yet, was just expiremental, but thats not does not seem to influence the dropdown in IE, it still doesn't work, so I guess it's a javascript issue, so post in the Javascript forum too?

    As for the A:link, a:hover, a:visited and a:active, "#" shouldn't have to influence that, since it's just a link issue, whether it leads to something or not, shouldn't matter, atleast as far as I am aware, just to be safe, I double checked, it, and it doesn't, I tried converting one of the links to a actual page, and there was no difference, sadly.
     
    hellusius, Oct 3, 2007 IP