simple horizontal css menu  [ 1142 views ]

Goal: Create a simple horizontal menu

  • menu 1  
  • menu 2  
  • menu 3  |  
  • menu 4

html code

<ul>
  <li><span class="a handy" href="mnu1">menu 1</span></li> 
  <li><span class="a handy" href="mnu2">menu 2</span></li>
</ul>

style

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
li {
  display: inline;
}
.handy{
  cursor: hand;
  pointer: hand;
}

Tuesday, June 10th, 2014 at 10:13.
Filed under css.

#sidebar a { color:#fff; } #sidebar ul ul li { color: #DEF585; } #sidebar h2 { color: #fff; } #sidebar ul p, #sidebar ul select { color: #BEDDBE; } #backfly { background: url(images/golfBallWallPaper.jpg) left bottom fixed repeat-x #65a51d; }