wordpress_add

Wednesday 4 June 2014

Menu Navigation Code which supports all browser

Navigation Code which supports all browser (IE6 - IE11)

=====CSS====

.menu {
height: 45px;
background-color:#9D2522;
color:#9D2522;
float:left;
width: 100%;
margin-top: 2%;
}
.menu ul, .menu li {
margin: 0px;
padding: 0px;
list-style: none;
}
.menu li {
height: 45px;
float: left;
font-size: 15px;
font-family: MyriadPro-Regular;
}
.menu li a {
text-decoration: none;
display: block;
color: #FFF;
padding: 16px 39px 12px 39px;

}
.menu li a.first {
background-image: none;
}
.menu li a:hover {
background-color:#3c0d0a;
text-decoration:none;
}

=====HTML====

 <div class="menu">
    <ul>
    <li class="first_li"><a href="#" class="first">Menu 1</a></li>
            <li><a href="#">Menu 2</a></li>
            <li><a href="#"> Menu 3</a> </li>
            <li><a href="#">Menu 4</a></li>
            

    </ul>

  </div><!--Nav-->

Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.

No comments:

Post a Comment