Welcome Guest! To access all forums & features, please register an account or sign-in. → Why register?



Submenu CSS help! (Vertical)


2 replies to this topic - - - - -

#1 ACTIONpack

    Graphic Designer

  • 1,665 posts
  • Joined: 10-August 03
  • Location: Lawrenceville, GA
  • OS: Windows 8 Pro
  • Phone: HTC Windows 8X

Posted 06 May 2012 - 20:15

I'm having trouble getting my submenu to work on a website I'm making. I want it so that when you click or hover over the Photo link on the nav menu, 3 other links will pop up under it and push the other mean links under the photo down so that the sub menu will show it. I'm really good with designing the menu nav but when adding sub menu it never works right. Place help me.


http://www.imagraphi...ocalceclassico/

Posted Image


#2 OP ACTIONpack

    Graphic Designer

  • 1,665 posts
  • Joined: 10-August 03
  • Location: Lawrenceville, GA
  • OS: Windows 8 Pro
  • Phone: HTC Windows 8X

Posted 07 May 2012 - 00:37

Can Anyone help me? I can style it in CSS but can't get the drop down working right.

#3 primexx

    Neowinian ULTRAKILL

  • 12,019 posts
  • Joined: 24-April 05

Posted 07 May 2012 - 04:42

looks like your html structure is wrong right now for the dropdown mechanism, which would explain why you can't style it properly.

Take a look at dropdown menu tutorials, like this one, specifically the way they nest <ul>s and how the CSS interacts with each element.

of course most of them are horizontal dropdowns but it's the same principle with a few tweaks with regards to the positioning styles. there are tutorials which lay it out like the way you want but i didn't find a good one in my brief googling. anyways you should be able to figure it out pretty easily.