[Resolvido] <a> Links CSS

[Diego Macêdo 6]

CSS:

a.downloads_arquivo:link{
	font-family:inherit;
	font-size:14px;
	color:#060;
	text-decoration:none;
	font-weight:bold;
}

a.downloads_arquivo:visited{
	text-decoration:none;
}

a.downloads_arquivo:hover{
	text-decoration:underline;
}

a.downloads_arquivo:active{
	text-decoration:underline;
}

.downloads_desc{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#999;
	font-style:italic;
	border-bottom:2px #030 solid;
	padding-bottom:5px;
}

HTML:

<table width="100%" cellspacing="0" cellpadding="0">
  <tr class="cor2">
    <td class="downloads_arquivo"><a href="/downloads/40258tickets.doc">40258tickets.doc</a></td>
  </tr>
  <tr class="cor2">
    <td><p class="downloads_desc">Arquivo de Tickets aqui</p></td>
  </tr>
</table>

O css dos links não está funcionando como deveria (classe "downloads_arquivo").

Quando vou analisar pelo firebug, ele está puxando da classe do rodapé, que não tem nada a ver, que é a classe do rodapé.

[Diego Macêdo 6]

RESOLVIDO - Consegui resolver o problema transferindo o class="downloads_arquivo" da tag <td> para a <a>.

[Thiago Retondar 18]

Ou você poderia ter feito assim:

 

td.downloads_arquivo{
        text-decoration:underline;
}

Por que o class estava no td.

 

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