No replies
janrod
Offline
newbie
Last seen: 13 years 9 weeks ago
Joined: 2009-06-04
Posts: 1
Points: 0

I've downloaded a theme from Theme Forest but couldn't figure out how to add a drop-down menu using the same style. Can anyone help me? Author of the theme just sent me a link to another tutorial that I still can't figure out.

I've tried some css lines and some of them overlap, some don't show but always pushes the jquery slideshow down when I hover over the link.

I'd really appreciate the help. Here are the codes

HTML

Dropwdown

CSS

/* === NAVIGATION === */

body { font-size: 82.5%; color: #9f9f9f; font-family: "Helvetica Neue", "Arial Narrow", Arial, Helvetica, sans-serif; }

#navigation a,
#featured-tabs a { text-decoration: none; font-weight: 100; letter-spacing: .1em; }

#navigation { font-size: 1.2em; }
#navigation a { line-height: 46px; color: white; }
#navigation a:hover,
#navigation a.active { color: #fff; }

#navigation { height: 50px; position: absolute; background: url(../images/layout/nav-bg.jpg) repeat-x; border-top: solid 1px #5b6066; }
#navigation ul { list-style: none; margin: 0; padding-left: 20px; }
#navigation ul li { float: left; display: inline; }

#navigation ul ul ul { top: 0; left: 100%}
#navigation a { height: 50px; display: block; float: left; padding: 0 20px; }
#navigation a:hover,
#navigation a.active { background: url(../images/layout/nav-active-arrow.gif) no-repeat 50% 100%; }

~ Thanks much!