Hola... estoy haciendo un menú para mi web y me encuentro con el siguiente problema.
Como gran parte de este menú lo saque de otra pagina, hay cosas que no se si están demás o están bien. Por ejemplo no se si es necesario que algunas cosas se repitan, tal vez no cumplen ningún sentido en el código. Espero que me puedan ayudar también en ese aspecto.
1. El menú tiene que tener, cada celda 17px de alto… eso no se de donde cambiarlo.
2. También la tabla tendría que tener un borde de 1px (toda la tabla) y entre cada celda (en vez de los espacios en blancos).
3. Por otro lado la tabla completa debería alejarse 2 px del margen izquierdo.
4. por ultimo el texto debería separarse 2 o 3 pixeleles de cada celda ya que esta demasiado abajo. O sea que se centre un poco más.
También me encantaría que alguien me pueda explicar que es cuando aparece esto:
padding: 4px 0 0 15px; (o por ejemplo)
margin: 0 0 0px 0;
a lo que voy, no se mucho de css.. y no se que son tantos números.. Yo solo se cuando es un solo numero después del atributo.
Y otra cosa….
Este fragmento del css
body {
margin: 0 auto;
padding: 0;
font-style:normal; font-variant:normal; font-weight:normal; font-size:76%; font-family:Verdana, Tahoma, Arial, sans-serif
}
venía con la página que vi.. pero si lo borro .. la tabla se agranda y no entiendo en que aspecto es necesario.
Espero que me puedan ayudar y desde ya estaré eternamente muy agradecido!! =) Gracias!
Acá 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-style:normal; font-variant:normal; font-weight:normal; font-size:76%; font-family:Verdana, Tahoma, Arial, sans-serif
}
#avmenu {
clear: left;
float: left;
width: 145px;
margin: 0 0 10px 0;
padding: 0;
}
#avmenu ul {
list-style: none;
width: 145px;
margin: 0 0 0px 0;
padding: 0;
}
#avmenu li {
margin-bottom: 1px;
}
#avmenu li a {
font-weight: normal; font-size: 11px; font-family: tahoma, arial; text-decoration: none; color: #333333;
height: 13px;
color: #505050;
display: block;
padding: 4px 0 0 15px;
background: #f4f4f4;
}
#avmenu li a:hover {
background: #eaeaea;
}
</STYLE>
</head>
<div id="avmenu">
<ul>
<li><a href="#">Categorias</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>