a:hover deforma tabella

[lukezz]

Salve ragazzi,in un sito ho creato una tabella con 5 righe, i ogni riga ci sta un link es:
Home
chi siamo
Contattaci ecc...

in un foglio di stile esterno ho creato un rollover:

#right a:link {
	text-decoration: none;
	color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	display:block;
}
#right a:visited {
	color: #CCCCCC;
	text-decoration: none;
	display:block;
	padding-top: 5px;
	padding-bottom: 5px;
}
#right a:hover {
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
}

Quando ci passo di sopra l'azione è giusta la scritta diventa bianca e la misura della scritta aumenta, xò il problema sta nella tabella che si allunga quando passo sopra a un link cm mai?

[lukezz]

avete capito supergiù?

[Prill]

Ciao lukezz, qui trovi un tutorial per un menu coi css semplice e pulito: http://www.cssplay.co.uk/menus/tutorial.html

Da evitare le tabelle, comunque il tuo problema nasce dal non aver definito la larghezza della cella, o celle, che ospita i link: una cella le cui dimensioni non siano specificate si adatta al suo contenuto (che è più largo al passaggio del mouse per le dimensioni maggiori del carattere). Ma si risolverebbe egualmente assegnando una larghezza ai link (che tenga conto della larghezza del testo sullo stato hover)