Bueno no logro corregir esto, tengo la web hecha en joomla y los botones del TOP navigation, tienen texto centrado tanto horizontal como verticalmente...El tema que la zona activa esta en la parte de abajo del texto y no en el texto osea en el medio...
Creo que el link esta tomando la zona "bottom" del boton este, ya que ahi cambia de color el texto y funciona como boton, pero si yo me posiciono arriba del texto no funciona tengo que poner el mouse por debajo del texto para que lo tome...
Se que puede ser problema de line-height pero no lo puedo arreglar, no conozco todos los codigos para link, se que son hover, visited y algun otro mas, pero no la clase en si...
La captura para mostrarles el ejemplo del problema esta
Y el codigo que quiero modificar de mi template es este:
#topnav #mainlevel a:link, #topnav #mainlevel a:visited {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #2B3036;
float:left;
display:block;
padding: 0 30px;
height: 28px;
line-height: 28px;
text-decoration: none;
background: url(../images/omt_button_off.png) 0 0 no-repeat;
border: 0;
}
#topnav #mainlevel li.red_active_menu {
border-right: 1px solid #721901;
}
#topnav #mainlevel li.red_active_menu a:link, #topnav #mainlevel li.red_active_menu a:visited {
background: url(../images/omt_button_on.png) 0 0 no-repeat;
color: #EEF0F2;
float:left;
padding: 0 30px;
height: 28px;
line-height: 28px;
}
#topnav #mainlevel a:hover {
color: #616B78;
}
#topnav #mainlevel li.red_active_menu a:hover {
color: #fff;
}