Saludos.
Estoy intentando construir un menú de navegación, basándome en las css.
El problema que estoy teniendo, es que a aquellos vínculos que tiene un enlace como tal, no le desaparece el subrayado, mientras que los que no apuntan a ningún enlace, sólo ejecutan un javascript, sí se los elimina.
¿Dónde me estoy equivocando?
Os pongo el código:
Código HTML:
...
<td width="100" height="40" valign="middle" class="MenuPrincipal"><a href="empresa.html" target="_self" class="menun"> La
Empresa </a> </td> // A éste no le quita el subrayado
<td width="100" height="40" class="MenuPrincipal"><a href="#" class="menun" onclick="despliega('2.1');despliega('i21');despliega('2.2');despliega('i22');despliega('2.3');despliega('i23');despliega('2.4');despliega('i24');despliega('2.5');despliega('i25');despliega('2.6');despliega('i26');return false;"> Servicios </a> </td> //A éste sí
...
Código:
Estilo para el menu de navegacion*/
A.menun:link {
color: #6C2233;
background-color: #FFFFFF;
background-position: right center;
font-family: Verdana;
font-size: 12px;
text-decoration:none;
};
A.menun:visited {
color: #6C2233;
background-color: #FFFFFF;
background-position: right center;
font-family: Verdana;
font-size: 12px;
text-decoration: none;
};
A.menun:active {
color: #0E2050;
background-color: #FFFFFF;
background-position: right center;
font-family: Verdana;
font-size: 12px;
text-decoration: none;
};
A.menun:hover {
color: #0E2050;
background-color: #FFFFFF;
background-position: right center;
font-family: Verdana;
font-size: 12px;
text-decoration: none;
};
La otra clase, MenuPrincipal, es para la celda, para ponerle un borde inferior.
Código:
.MenuPrincipal{
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #CCCCCC;
font-family: Verdana;
font-size: 12px;
font-color: #6C2233;
text-align: left;
}
Gracias