Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

cfaria

Alinhamento de menu

Recommended Posts

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.