<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.