Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
Carregando comentários...
