Antes de darte la solución, ¿qué tal si formateas un poco el código la
próxima vez? Ponerle su tabulado y esas cosas, más que nada es por
legibilidad, no creo que se pare mucha gente a descifrar eso.
De todas formas prueba con esto creo que te puede valer:
<ul id="navegacion">
<li class="boton1"><a href="#">Inicio</a></li>
<li class="boton2"><a href="#">Administrativa</a></li>
<li class="boton3"><a href="#">Tecnica</a></li>
<li class="boton1"><a href="#">Mercadeo</a></li>
<li class="boton2"><a href="#">Convenio</a></li>
<li class="boton3"><a href="#">Recetas</a></li>
<li class="boton1"><a href="#">Fertilizacion</a></li>
<li class="boton2"><a href="#">Variedades</a></li>
</ul>
#navegacion{
display:block;
width:80%;
margin:auto;
color: black;
background-color:#390;
padding: .2em 0;
list-style: none;
font-size:0.8em;
text-align: center;}
#navegacion li {
display: block;
margin:0;
float:left;}
#navegacion li a {
text-decoration: none;
color: #fff;
border-right: 1px solid #fff;}
.boton2 {background-color:#cc6;}
.boton3 {background-color:#996;}
Eso sería para repararlo un poco, pero tengo un ejemplo que hice el otro día
para explicarle lo mismo a álguien colgado en mi web, así que échale un
vistazo, lo puedes modificar a tu antojo según te convenga, aunque te
aconsejo que sólo lo hagas en medidas, margenes, rellenos y en colores, y no
a la estructura porque tiene varios motivos por los que lo hice así y te lo
puedes cargar, la dirección es: http://www.taarq.com/menu_vertical/
--
Juan J. Muñoz
http://www.taarq.com
_______________________________________________
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
