1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

drop down not showing - CSS genius required

Discussion in 'CSS' started by karinakro, Oct 4, 2010.

  1. #1
    Hi,

    I'm new to this forum and I really need help..

    We have the theme that is written on the Twentyten theme basis (Wordpress):
    http://www.cgitoronto.org/newversion

    For some reason the drop-down menu is not showing. (Under Contact Us there supposed to be Prayer Request option)

    I tried to compare the CSS code with original twentyten theme, and everything looks similar..

    Are there CSS experts who can tell me what settings cause this issue?
     
    karinakro, Oct 4, 2010 IP
  2. bhuthecoder

    bhuthecoder Member

    Messages:
    245
    Likes Received:
    11
    Best Answers:
    1
    Trophy Points:
    43
    #2
    add this code
    
    #access2 ul li:hover > ul {
    display:block;
    }
    
    Code (markup):
     
    bhuthecoder, Oct 5, 2010 IP
  3. karinakro

    karinakro Peon

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thank you very much for your reply!

    Now the drop down successfully appeared, I just need to fix its placement

    Thanks again!
     
    karinakro, Oct 5, 2010 IP
  4. clockedout7

    clockedout7 Peon

    Messages:
    25
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    You can add this code to make the sub-menu appear under the menu:
    
    #access2 ul li {
        position: relative;
    }
    
    Code (markup):
     
    clockedout7, Oct 5, 2010 IP
  5. karinakro

    karinakro Peon

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Thank you so much!! :)
     
    karinakro, Oct 5, 2010 IP
  6. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #6
    
    #access2 ul li:hover > ul {
    display:block;
    }
    
    Code (markup):
    Does not work in IE6 since IE6 does not understand >

    The following should work in IE6, too (untested).

    
    #access2 ul li ul {
    display:block;
    }
    
    Code (markup):
    Looks crap in IE7.

    There are some errors in your CSS.

    An example (Line 464):

    
    #access ul ul :hover > a
    
    Code (markup):
    Using the gallery with MooTools is not a good idea if you ask me.

    This site needs some optimization, code and design.

    And there is some more to do to boost loading speed... I wrote a post on my blog about how to boost loading speed for wordpress blogs.

    Oh, just forgot to say there is a JS error aswell.

    
    unterminated parenthetical
    [Break on this error] function sack(file){this.xmlhttp=null;...g)}}};this.reset();this.createAJAX()};
    
    Code (markup):
     
    CSM, Oct 5, 2010 IP