Question

Hey guys, I have created a navbar and I’m wondering if I can create a drop-down menu for the entertainment tab to give two links, music and movies. Could you please help?

Here’s the navbar:

<div class="navbar">
  <ul class="navbar">
  <li class="navbar"><a class="navbar" HREF="index.php">Homepage</a></li>
  <li class="navbar"><a class="navbar" HREF="classes.php">Classes</a></li>
  <li class="navbar"><a class="navbar" HREF="calendar.php">Calendar</a></li>
  <li class="navbar"><a class="navbar" HREF="news.php"  >News</a></li>
  <li class="navbar"><a class="navbar" HREF="creative.php" >Creativity</a></li>
  <li class="navbar"><a class="navbar" HREF="groups.php" >Groups</a></li>
  <li class="navbar"><a class="navbar" HREF="entertainment.php" >Entertainment</a></li>
  <li class="navbar"><a class="navbar" HREF="aboutus.php" >About Us</a></li>
  </div>

here’s the css for the navbar class:

ul.navbar
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li.navbar
{
float:left;
}
a.navbar:link,a.navbar:visited
{
display:block;
width:143px;
font-weight:bold;
color:white;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a.navbar:hover,a.navbar:active
{
background-color:#7A991A;
}

Answer 1

One classic way is with Suckerfish dropdowns (no javascript)