Make A Dropdown menu?

[Venom]

I have A Few Buttons on the menu-bar of the forum Im making and I want to make a dropdown, so I can group some. Im not sure how to do this so please help.

 

[pandaa]

A quick Google search found this awesome tutorial. There are tons of ways to do it, but here is one.

http://www.noupe.com/tutorial/drop-down ... y-css.html

 

[Venom]

A quick Google search found this awesome tutorial. There are tons of ways to do it, but here is one.

http://www.noupe.com/tutorial/drop-down ... y-css.html

Thanks Pandaa. I did google but didn't know If I could use something like that.<br /><br />-- 03 Aug 2013, 13:31 --<br /><br />Edit: How can I keep the current syling when I add a dropdown?.

 

[Venom]

Please help. i want to add a dropdown menu to the Deluxe style and was following this tutorial: http://www.noupe.com/tutorial/drop-down ... y-css.html I cut the html down to:

<ul class="topnav">
    <li>
        <a href="#"><span>Tutorials</span></a>
        <ul class="subnav">
            <li><a href="#"><span>Sub Nav Link</span></a></li>
            <li><a href="#"><span>Sub Nav Link</span></a></li>
        </ul>
    </li>
</ul>

I tried stipping the css down to this:

/*dropdown menu*/


ul.topnav li {
    position: relative; /*--Declare X and Y axis base for sub navigation--*/


ul.topnav li span { /*--Drop down trigger styles--*/
    width: 17px;
    height: 35px;
    float: left;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 0; top: 35px;
}

The parent 'tutorials' button of the dropdown seems to display ok. But the sub buttons show, and it looks like this:



I think its Just a CSS Issue so please could someone help with it.

Also, where do I put the Javascript?.

Thanks.

 

[Venom]

Bump, anyone?. Really need help with this.

 

[Brad]

Javascript, footer or in head tags.

 

[Venom]

Ah thanks, can I put the java in the overall_header template?.

 

[Brad]

Ah thanks, can I put the java in the overall_header template?.

Well yea, thats where the header is.

Find:

</head>

Add your code before that.