Jump to content

Could someone please help me create dropdown menu


MadFly
 Share

Recommended Posts

I have this css, but I cannot figure out how to add a dropdown feature to it.

/* Menu */#menu {float: right;width: 600px;height: 90px;margin: 0 auto;padding: 0;}#menu ul {float: right;margin: 0;padding: 25px 0px 0px 0px;list-style: none;line-height: normal;}#menu li {float: left;height: 65px;padding: 0px 15px 0px 15px;}#menu a {display: block;height: 70px;line-height: 70px;margin-right: 1px;letter-spacing: 1px;text-decoration: none;text-align: center;text-transform: uppercase;font-family: 'Arvo', serif;font-size: 14px;font-weight: normal;color: #FFFFFF;border: none;}#menu a:hover, #menu .current_page_item a {border-bottom: 5px solid #2E2E2E;text-decoration: none;}#menu .current_page_item a {}

And then this is the html part

<div id="menu">	<ul>	 <li class="current_page_item"><a href="#">Homepage</a></li>	 <li><a href="#">About</a></li>	 <li><a href="#">Contact</a></li>	 <li><a href="#">Random Stuff</a></li>	</ul>   </div>

Edited by MadFly
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...