Hola!
Tengo un menú horizontal que es así:
http://img301.imageshack.us/my.php?image=problemaup4.jpg
El problema es que entre una opción y otra me deja, en unos casos más espacio, y en otro, menos.
A mi me gustaría que quedara, repartido a lo ancho y que se viera uniforme, es decir, que se viera bien repartido (no como ahora que hay opciones más juntas que otras etc.) Es decir, que quedara más o menos así:
http://img301.imageshack.us/my.php?image=solucionmt8.jpg
Mi código es:
Código:
<table align="center" id="options">
<tr>
<td id="inicio"> <a> INICIO </a> </td>
<td id="historia"> <a> HISTORIA </a> </td>
<td id="productos"> <a> PRODUCTOS </a> </td>
<td id="maquinaria"> <a> MAQUINARIA </a> </td>
<td id="calidad"> <a> CALIDAD </a> </td>
<td id="localizacion"> <a> LOCALIZACIÓN </a> </td>
<td id="contacto"> <a> CONTACTO </a> </td>
</tr>
</table>
Y la CSS:
Código:
#options{
max-width: 870px;
margin-right: 60px;
text-align: center;
height: 14px;
margin-top: 14px;
text-decoration: underline;
}
#options td {
width: 124px;
}
Como veis inicio y historia tiene mucho más espacio que productos y maquinaria. Alguna idea?
Muchas gracias!