Link no background da <tr> inteira

[GuilhermeManga 0]

Olá estou precisando fazer um rollover de background na <tr> interira tomo o site do www.charges.com.br , se eu coloco display:block; fica apenas ta altura da fonte e não na <td> inteira , alguem tem alguma dica por favorValeu, Guilherme

[Paulo de Tarso F. M. 24]

Olá estou precisando fazer um rollover de background na <tr> interira tomo o site do www.charges.com.br , se eu coloco display:block; fica apenas ta altura da fonte e não na <td> inteira , alguem tem alguma dica por favor

 

Valeu, Guilherme

Para começar, este efeito que você quer fazer GuilhermeManga, igual ao do Charges.com.br, não tem nada a ver com <tr> e/ou <td>... Analise o código da página... Veja se encontrará essa tag lá por acaso... Mas tudo bem... O efeito desejado é feito dessa forma sim, com display: block... O que pode ocorrer é que você deve estar estruturando isso de maneira errada...

 

Exemplo:

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif HTML:

<ul>	<li><a href="#" title="Link 1">Link 1</a></li>	<li><a href="#" title="Link 2">Link 2</a></li>	<li><a href="#" title="Link 3">Link 3</a></li></ul>

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif CSS:

ul {	list-style-type: none;	margin: 0;	padding: 0;}ul li a {	display: block;	width: 116px;	height: 26px;	line-height: 26px;	text-decoration: none;	text-align: center;	color: #fff;	background-color: #333;	border: 2px solid #f00;	margin: 5px 0;}ul li a:hover {	background-color: #ccc;	text-decoration: underline;	border: 2px solid #00f;}

Salve esses códigos e veja o resultado...

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif