Vertical Drop Down Menu Not Working Properly???

[CarraraWebsiteSolutions]

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

• 
  ” class=”active”>
  
  “>
  
  

  • 
    ” class=”active”> –
    
    “> –
    

Thanks for any thoughts and suggestions

[Paulie_D]

PHP won’t help.

[CarraraWebsiteSolutions]

@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

[Paulie_D]

The PHP only spits out HTML.

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

[darrylm]

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

[CarraraWebsiteSolutions]

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

[Author]

Posts