Hola!! muchas gracias por la respuesta.. estaba muy detallado
.jej... hice todas las modificaciones... y esta todo perfecto.. la tabla es exactamente como quiero.. el unico problema es que al poner el background-color.. en la ultima celda quedo un borde de 2px a diferencia de las demas de 1 px.. se puede hacer que el borde de 2 px final cambie a 1px?... desde ya muchas gracias!
Aca esta el código...
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Menu</title>
<STYLE type=text/css>
body {
margin: 0 auto;
padding: 0;
font-size:76%; font-family:Verdana, Tahoma, Arial, sans-serif
}
#avmenu {
clear: left;
float: left;
width: 145px;
margin: 0 0 0px 10px;
padding: 0;
}
#avmenu ul {
list-style: none;
width: 145px;
margin: 0px 0px 0px 0px;
padding: 1px;
background-color: #CCCCCC;
}
#avmenu li {
margin-bottom: 1px;
}
#avmenu li a {
font-weight: normal; font-size: 11px; font-family: tahoma, arial; text-decoration: none; color: #333333;
height: 1px;
color: #333333;
display: block;
padding: 2px 0px 2px 15px;
background: #FFFFFF;
}
#avmenu li a:hover {
background: #F0F0F0;
}
</STYLE>
</head>
<div id="avmenu">
<ul>
<li><a href="#">Categorías</a></li>
<li><a href="#">Articulo1</a></li>
<li><a href="#">Articulo2</a></li>
<li><a href="#">Articulo3</a></li>
<li><a href="#">Articulo4</a></li>
<li><a href="#">Articulo5</a></li>
<li><a href="#">Articulo6</a></li>
</ul>
</div>
</div>
</body>
</html>
- - - - - - - - - - - - - - - - - - - - - - - - - - - -