<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.