1 Replies - 754 Views - Last Post: 14 February 2012 - 02:12 PM

#1 dreamincodehamza   User is offline

  • D.I.C Regular
  • member icon

Reputation: -12
  • View blog
  • Posts: 349
  • Joined: 12-September 08

drop down menu help

Posted 14 February 2012 - 11:11 AM

i am having a menu.which i need to convert into multi-level drop down.my css skill is pretty week,
please help. may be small chunk of code is required somewhere.


<!--Start  navigation-->
    <div class="navigation">
        <ul>
            <li><a href="#"> HOME </a></li>
            <li><a href="#"> ABOUT SCA </a></li>
            <li><a href="#"> MEMBERS </a></li>
            <li><a href="#"> ON THE ISLE</a></li>
            <li><a href="#"> USEFUL INFO </a></li>
            <li><a href="#"> GALLERY </a></li>
            <li><a href="#"> CALENDAR </a></li>
            <li><a href="#"> TENNIS </a></li>
            <li><a href="#" class="active"> CONTACT </a></li>
        </ul>    
    </div>
    <!--End  navigation-->  

css code is 

.navigation{
	background-color:#224d69;
	width:916px;
	height:46px;
	margin:-46px 0 0 0;
	padding:0px 0px 0 0px;
	float:left;
	opacity: 0.9;
	position:relative;
	z-index:500;
}
.navigation ul{
    margin: 0; padding: 0;
    float: left;
}
.navigation ul li{
    display: inline;
}
.navigation ul li a{
	font-family: "times";
	font-size:13px;
    float: left; 
	text-decoration: none;
    color:#fefefe;
	outline:none;
    padding: 14px 20px;
    background-color: #333; 
}
.navigation ul li a:hover{
    color: #fff;
    background-color:#112837;
}
.navigation ul li .active{
    color: #fff;
	padding: 14px 23px;
    background-color:#112837;
}




Is This A Good Question/Topic? 0
  • +

Replies To: drop down menu help

#2 Dormilich   User is offline

  • 痛覚残留
  • member icon

Reputation: 4217
  • View blog
  • Posts: 13,328
  • Joined: 08-June 10

Re: drop down menu help

Posted 14 February 2012 - 02:12 PM

check out HTMLDog, they are the Sons of Suckerfish.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1