Alinhamento de menu
Boa tarde pessoal
Estou com um problema em um menu css. Será que alguem me pode ajudar?????
Tenho um menu que utiliza duas imagens de fundo, uma no link outra quando faz o hover, até ai tudo bem, o problema surge no texto do link que não alinha ao centro na vertical em relação a imagem.
O codigo é o seguinte:
<html><head><style>.subcanal { font-family: tahoma; FONT-SIZE: 10pt; font-weight: bold; WIDTH: 159px; height: 24px; COLOR: #FFFFFF; vertical-align: middle; TEXT-DECORATION: none; background-image: url('imagens/layout/layout1_07.jpg'); background-repeat: no-repeat; padding: 0px;}.subcanal A:hover { font-family: tahoma; FONT-SIZE: 10pt; font-weight: bold; width: 159px; height: 24px; COLOR: #FFFFFF; vertical-align: middle; TEXT-DECORATION: none; background-image: url('imagens/layout/layout2_07.jpg'); background-repeat: no-repeat; padding: 0px;}.subcanal A:active { font-family: tahoma; FONT-SIZE: 10pt; font-weight: bold; width: 159px; height: 24px; COLOR: #FFFFFF; vertical-align: middle; TEXT-DECORATION: none;}.subcanal A:link { font-family: tahoma; FONT-SIZE: 10pt; font-weight: bold; width: 159px; height: 24px; COLOR: #FFFFFF; vertical-align: middle; TEXT-DECORATION: none;}.subcanal A:visited { font-family: tahoma; FONT-SIZE: 10pt; font-weight: bold; width: 159px; height: 24px; COLOR: #FFFFFF; vertical-align: middle; TEXT-DECORATION: none;}</style></head><body><table><tr><td class="subcanal"><a href="default.asp"> Link1</a></td></tr></table></body></html>Estou a usar o atributo vertical-align: middle; mas não esta a funcionar, alguem sabe me indicar a razão?????
Abraço
Carlos
Discussão (2)
Carregando comentários...