Detalhes da questão

Descrição

Olá, estou tentando ainda me adaptar a como funciona o HTML por aqui e estou tendo uma dificuldade com as tabelas. Quando uso tabela no código de uma mensagem em um tópico, não importa o quanto eu mexa nos comandos de border, cellpadding, cellspacing e collapse, as tabelas sempre são criadas com uma borda. Eu estou usando o seguinte código:

Código:

<center><div style="width:715xpx;margin-top:30px;margin-bottom:30px"><table><tbody border="0"><tr><td style="background:#FFDD37 url(&quot;http://image.yoble.us/upload/439898/tanner-parsons5ac27f542219b.png&quot;) no-repeat top center;width:150px" valign="bottom" align="center"><div style="width:150px;padding-bottom:5px"><img src="http://image.yoble.us/upload/439898/tanner-parsons5ac28fc40ad7f.gif" width="140px" style="border:5px solid #035096;margin-top:150px" class="img-circle"></td><td valign="bottom"><div style="width:575px;background:transparent url(&quot;http://image.yoble.us/upload/439898/tanner-parsons5ac27fea0b314.png&quot;) no-repeat bottom left;padding-top:0px;padding-bottom:5px;padding-right:5px" align="left"><div style="width:570px;padding:10px;margin-top:0px;background-color:#FFFFFF;font-family:Verdana;font-size:12px;color:#000000;line-height:15px" align="Justify"><center><img src="http://image.yoble.us/upload/439898/tanner-parsons5ac285fe475b1.png" style="margin-top:-55px" width="480px"><div style="margin-bottom:10px;font-family:'Georgia';font-size:11px;line-height:10px;text-transform:lowercase;color:#035096;letter-spacing:1px;margin-top:-58px"><i>Beat me, hate me, you can never break me</i></div></center><div style="float:left;font-family:'Georgia';font-size:36px;margin-bottom:5px;margin-right:2px;margin-top:10px;color:#035096">T</div>exto. <b style="color:#035096">— Fala. —</b> Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto.</div><div align="center" style="width:570px;background-color:#035096;color:#FFFFFF;padding:5px;font-family:Trebuchet MS;font-size:9px;text-transform:uppercase;letter-spacing:1px;line-height:10px">Kenneth Nelson <font color="#FFDD37">⛦</font> 17 anos <font color="#FFDD37">⛦</font> Academia HIVE <font color="#FFDD37">⛦</font> Misticismo, 007 <font color="#FFDD37">⛦</font> Encantamento, 007<br><a href="//docs.google.com/document/d/1oYf2_uLsGpKVPHlsOIkt-yAMtBpatdoK6aEN_apMT6k/pub" style="letter-spacing:5px;color:#FFDD37">GRIMÓRIO</a></div></div></td></tr></tbody></table></div></center>

Ele deveria aparecer assim no tópico:


Mas ele está a aparecer do modo que segue:

Há algo que eu possa fazer no CSS para consertar isso e tornar a opção de remover as bordas mais fácil para os usuários? Já tentei as soluções de alguns tópicos similares, mas nenhuma resolveu o problema.

Desde já, grato!

Código:

<center><div style="width:715xpx;margin-top:30px;margin-bottom:30px"><table style="border:0!important"><tbody border="0" style="border:0!important"><tr style="border:0!important"><td style="border:0!important;background:#FFDD37 url(&quot;http://image.yoble.us/upload/439898/tanner-parsons5ac27f542219b.png&quot;) no-repeat top center;width:150px" valign="bottom" align="center"><div style="width:150px;padding-bottom:5px"><img src="http://image.yoble.us/upload/439898/tanner-parsons5ac28fc40ad7f.gif" width="140px" style="border:5px solid #035096;margin-top:150px" class="img-circle"></td><td valign="bottom"><div style="width:575px;background:transparent url(&quot;http://image.yoble.us/upload/439898/tanner-parsons5ac27fea0b314.png&quot;) no-repeat bottom left;padding-top:0px;padding-bottom:5px;padding-right:5px" align="left"><div style="width:570px;padding:10px;margin-top:0px;background-color:#FFFFFF;font-family:Verdana;font-size:12px;color:#000000;line-height:15px" align="Justify"><center><img src="http://image.yoble.us/upload/439898/tanner-parsons5ac285fe475b1.png" style="margin-top:-55px" width="480px"><div style="margin-bottom:10px;font-family:'Georgia';font-size:11px;line-height:10px;text-transform:lowercase;color:#035096;letter-spacing:1px;margin-top:-58px"><i>Beat me, hate me, you can never break me</i></div></center><div style="float:left;font-family:'Georgia';font-size:36px;margin-bottom:5px;margin-right:2px;margin-top:10px;color:#035096">T</div>exto. <b style="color:#035096">— Fala. —</b> Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto.</div><div align="center" style="width:570px;background-color:#035096;color:#FFFFFF;padding:5px;font-family:Trebuchet MS;font-size:9px;text-transform:uppercase;letter-spacing:1px;line-height:10px">Kenneth Nelson <font color="#FFDD37">⛦</font> 17 anos <font color="#FFDD37">⛦</font> Academia HIVE <font color="#FFDD37">⛦</font> Misticismo, 007 <font color="#FFDD37">⛦</font> Encantamento, 007<br><a href="//docs.google.com/document/d/1oYf2_uLsGpKVPHlsOIkt-yAMtBpatdoK6aEN_apMT6k/pub" style="letter-spacing:5px;color:#FFDD37">GRIMÓRIO</a></div></div></td></tr></tbody></table></div></center>


Painel de Controle Visualização Imagens e Cores Cores Folha de Estilos (CSS)

Código:

div[class*='post--'] .postbody table, div[class*='post--'] .postbody td {
    border: none !important;
}