Hola
prueba esto en un archivo aparte,
le di bordes y colores de fondo horribles :P para que veas donde queda cada
area:
<html>
<head>
<style>
#navigation {
display: block;
width: 600px;
height: 65px;
margin: 0 auto;
background-color: grey;
border: 3px solid red;
}
#navigation ul, #navigation ul li {
list-style: none;
padding: 0;
}
#navigation ul {
display: block;
width: 432px;
height: 65px;
margin: 0 auto;
background-color: green;
border: 3px solid blue;
}
#navigation ul li {
float: left;
}
#navigation ul li a {
display: block;
width: 70px;
height: 50px;
background-color: #BB4527;
border: 1px solid black;
}
</style>
</head>
<body>
<div id="navigation">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="index.php?accion=agregar">News</a></li>
<li><a href="index.php?accion=reportes">Gallery</a></li>
<li><a href="index.php?accion=busqueda">Mailing List</a></li>
<li><a href="index.php?accion=busqueda">Add Admin</a></li>
<li><a href="index.php?action=logout">Logout</a></li>
</ul>
</div>
</body>
</html>
aki te dejo una captura de la pantalla de cómo queda.
http://incenit.net/pruebas/ul_centrado.jpg
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
