Menu
menu
menu
menu
menu
menu
menu
menu
html
<table cellspacing="0"> <tr> <td> <a class="menu1" href="#">menu</a></td> <td> <a class="menu2" href="#">menu</a></td> <td> <a class="menu2" href="#">menu</a></td> <td> <a class="menu2" href="#">menu</a></td> <td> <a class="menu2" href="#">menu</a></td> <td> <a class="menu2" href="#">menu</a></td> <td> <a class="menu2" href="#">menu</a></td> </tr></table>
css
a.menu1:link, a.menu1:visited, a.menu1:active{ background-color: #e8dfc8; font:normal 7pt Georgia; color: #554855; line-height: 14pt; text-decoration: none; text-transform:lowercase; border-bottom:2px solid #b0b9c9; border-top :5px solid #c6d9c3; text-align: center; display:block; width:70px;} a.menu1:hover { background-color:#dbcab3; color: #554855 ; border-bottom:2px solid #c6d9c3; border-top:5px solid #e8dfc8;} a.menu2:link, a.menu2:visited, a.menu2:active{text-decoration: none; background-color: #e8dfc8; font:normal 7pt arial; color: #554855; line-height: 14pt; text-transform:lowercase; text-align: center; display:block; width:70px; border-bottom :2px solid #c6d9c3; border-top:5px solid #b0b9c9; } a.menu2:hover { background-color:#dbcab3; color: #554855 ; width:70px; border-top:5px solid #c6d9c3; border-bottom :2px solid #e8dfc8;}
back
refresh
main