Grow your CSS skills. Land your dream job.

Vertical Drop Down Menu Not Working Properly???

  • # April 22, 2013 at 10:36 am

    Hello I am trying to get my vertical drop down menu like this http://www.templatemonster.com/demo/27875.html similar to what on the page where each li and li a has own color.

    I have tried to make a demo html /css version but doesn’t seem to work I thought I would give it a mock up in html/css first
    here is what I tried in html but non seems to be dropping down http://codepen.io/mwbcomputers/pen/kxuwv I am having few problems with my program don’t think its working well.

    I would be implementing it in php once done

    Here is the php code

    < ?php echo $heading_title; ?>

    Thanks for any thoughts and suggestions

    # April 22, 2013 at 10:53 am

    PHP won’t help.

    # April 22, 2013 at 11:31 am

    @Paulie_D I know is there any way around it because I can do it with normal html css. But the system i use is php for my ecommerce

    # April 22, 2013 at 11:35 am

    The PHP only spits out HTML.

    Appearance, positioning etc is all handled with CSS (or perhaps JS).

    # April 22, 2013 at 11:37 am

    If you need a drop down on hover, start off by hiding all nested unordered lists. Secondly, on hover of the parent unordered list, display the nested unordered list as block

    li ul{
    display:none;
    }

    li:hover ul{
    display:block;
    }

    To add different colour, take a look at CSS children

    # April 22, 2013 at 8:31 pm

    To @Paulie_D & @darrylm

    Might get some one to make it for me bit out of my area I think. I will post project on a programmer / designer site I know called freelancer.com.au kinda like Guru.com

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".