Skip to content

Instantly share code, notes, and snippets.

@minhajuddin

minhajuddin/tabbed_nav.html

Created January 22, 2010 11:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save minhajuddin/283688 to your computer and use it in GitHub Desktop.
Save minhajuddin/283688 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
tabbed_nav.html
<html>
<head>
<style type='text/css'>
ol, ul {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
li { display:inline; }
li a{
background-color:#3c3c3c;
padding: 10px;
color: #fff;
text-decoration:none;
}
ul{
border-bottom: solid 2px #000;
padding-bottom:8px;
}
li a.selected{
background-color:#fff;
padding: 10px;
color: #000;
text-decoration:none;
border-right: solid 2px #000;
border-left: solid 2px #000;
border-top: solid 2px #000;
}
</style>
</head>
<body>
<div>
<br />
<br />
<br />
<br />
<br />
</div>
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#' class='selected'>Products</a></li>
<li><a href='#'>Services</a></li>
<li><a href='#'>About Us</a></li>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment