Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
</head>
  
<body>
  
  <style>
</style>
<body>
<!-- Header and NavBar -->
<div id="navCont">
        <ul id="nav" class"tbBord">
            <li class="navPadS"><a class="currentFont" href="index.html">home</a></li>
            <li class="navPadLL"><a href="index.html">home</a></li>
            <li class="navPadL"><a href="#">home</a></li>
            <li class="navPadS"><a href="#">home</a></li>
            <li class="navPadS"><a href="#">home</a></li>
            <li class="navPadS"><a href="#">home</a></li>
        </ul>
    </div>
</body>
</html>
 
#nav{
    list-style-type:none;
    text-align:center;
    height:50px;
    background-image:url("image/menuBg.png");
}
#nav li {
    margin:0;
  padding:0;  
  float:left;
}
#nav li a {
    text-decoration:none;
    font-size:1.3em;
    color:#000000;
  width:155px;
  display:block;
  padding:10px;
}
 #nav li a:hover, #nav li a.currentFont {
    background-color:#143D17;
     color:#FFFFFF;
}
 .navPadS {
     padding:13px 0px;
}
 .navPadL {
     padding:13px 12px;
 }
.navPadLL {
     padding-top:13px;
     padding-bottom:13px;
     padding-right:20px;
 }
.current {
    background-color:#143D17;
 }
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers