<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>CSS Rollover - Verticale</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
.bordotab {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #FFFFCC;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-left-color: #000000;
}
.classetd {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #FFFFCC;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
.classetd a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000099;
display: block;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 6px;
position: relative;
text-decoration: none;
}
.classetd a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CC0000;
text-decoration: none;
background-color: #CCFFFF;
}
-->
</style>
</head>
<body>
<div id="box" style="position:absolute; left:50px; top:50px; width:170px; height:180px; z-index:1">
<table width="100%" border="0" cellpadding="1" cellspacing="0" class="bordotab">
<tr>
<td class="classetd"><a href="#">Menu 1</a></td>
</tr>
<tr>
<td class="classetd"><a href="#">Menu 2</a></td>
</tr>
<tr>
<td class="classetd"><a href="#">Menu 3</a></td>
</tr>
<tr>
<td class="classetd"><a href="#">Menu 4</a></td>
</tr>
<tr>
<td class="classetd"><a href="#">Menu 5</a></td>
</tr>
<tr>
<td class="classetd"><a href="#">Menu 6</a></td>
</tr>
</table>
</div>
</body>
</html>
|