Rafael gracias por toda la ayuda! este menu me esta llevando mas tiempo del que deseaba y a pesar de que gracias a el aprendi bastante, en especial de css cuando creo que mas o menos domino el arte "cssiano" surgen nuevas dudas.. yo crei que ya no iba a necesitar ayuda.. aahha me esta volviendo loco... pero ya es algo personal jaja .. tengo la necesidad de ver esto terminado!!
bueno hice el cambio que me dijiste y quedo perfecto el tema del borde... y ahora queria hacer algo que no mencione antes .. que el nombre de la tabla este arriba en otra div (no se si es lo correcto hacerlo en otra div, esto para que no este recuadrado por el pixel gris o sea que quede solo este una imagen (fondocelda.gif) que tiene los bordes circulares y el texto) ... lo hice.. crei que me había quedado bien, pues lo probe en internet explorer pero cuando lo puse en mozilla la tabla aparecia todo deformada y no entiendo porque ya que pense que habia hecho todo bien pero no.. bueno espero que este sea el ultimo pedido de ayuda para esta tabla.. desde ya muchas gracias y aprecio el tiempo dedicadao
jajaj .. gracias!
Aqui esta como lo hice...
----------------------------------
<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
}
.avmenu2 {
clear: left;
float: left;
width: 145px;
margin: 0 0 0px 10px;
padding: 0;
padding: 2px 0px 2px 15px;
font-weight: normal; font-size: 11px; font-family: tahoma, arial; text-decoration: none; color: #333333;
background: url('fondocelda.gif');
background-repeat: no-repeat;
}
#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 class="avmenu2">Categorías
</div>
<div id="avmenu">
<ul>
<li><a href="#">Articulo0</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 style="margin-bottom: 0px;"><a href="#">Articulo6</a></li></ul>
</div>
</div>
</body>
</html>
----------------------------------
gracias!
