<table border="2" cellpadding="0" cellspacing="5" id="tmenu"> 
<tr><td><a href="001.html" class="amenu">MENU001</a></td></tr>
<tr><td><a href="002.html" class="amenu">MENU002</a></td></tr>
<tr><td><a href="003.html" class="amenu">MENU003</a></td></tr>
<tr><td><a href="004.html" class="amenu">MENU004</a></td></tr>
<tr><td><a href="005.html" class="amenu">MENU005</a></td></tr>
</table>
#tmenu {
    float: left;
    width: 200px;
    position: fixed;
    margin: 10px;
  }
  #main {
    padding-left: 240px;
  }
  .amenu {
    background-color: #CCFFCC;
    color: #006600;
    font-weight: bold;
    display: block;
    padding: 5px;
    text-align: center;
    text-decoration: none;
  }
  .amenu:hover {
    background-color: #FFCCFF;
    color: #FF0000;
  }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.