Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, pessoal.
O tópico é por conta de um pequeno problema que estou tendo na hora de estilizar uma tabela via CSS. É o seguinte:
Já criei o código.
Entretanto, estou tendo um pequeno problema. A placa acaba ficando separada da imagem inferior, por algum motivo que não consegui descobrir. Vejam como ficou:
/applications/core/interface/imageproxy/imageproxy.php?img=http://j.imagehost.org/0940/aplaca1.png&key=5c16af23fa63dd85842376d7464b251b575b28f9a375f976a38fd356c069765d" alt="Imagem Postada" />
Aqui está o código HTML que estou usando para a tabela:
<table class="lohantag"><tr><td class="lohantag1">
Texto escrito aqui
</td></tr>
<tr><td class="lohantag2"><img src="linkdaimagem" border="0"/></td></tr></table>table.lohantag
{
margin: 5px;
padding: 0;
border-spacing: 0;
} margin: 0;
border-spacing: 0;
padding: 0;
text-align: center;
} color: #000;
background-color: #fff;
border: 1px solid #000;
margin: 0;
padding: 4px;
text-align: center;
v-align: middle;
min-width: 36px;
font-size: 11px;
} margin: 0;
border: none;
padding: 0;
text-align: center;
min-width: 36px;
}
(Vejam que tentei até usar o "border-spacing: 0;", pensando que poderia resolver. Mas não deu...)
E para tentar facilitar a vocês para perceberem o erro, adicionei aqui depois uma "border: 1px solid red;" na "td.lohantag2" (a da imagem), e ficou assim:
/applications/core/interface/imageproxy/imageproxy.php?img=http://a.imagehost.org/0798/aplaca2.png&key=ca920f54af78a9b0efff531e7113065b7f0467172b84fa09e4e6276cbb525fab" alt="Imagem Postada" />
O que posso fazer para sumir com aquele espaçamento?
Agradeço qualquer resposta.
Carregando comentários...