Criar tabelas sem bordas em mensagens

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Criar tabelas sem bordas em mensagens

Mensagem por Thiago Almeida 03.07.18 20:20

Detalhes da questão


Endereço do fórum: http://shadowworld-rpg.forumeiros.com/t1-teste-de-teste
Versão do fórum: ModernBB

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:
criar - Criar tabelas sem bordas em mensagens Fabinho-moreira5b3bca5371947

Mas ele está a aparecer do modo que segue:criar - Criar tabelas sem bordas em mensagens Fabinho-moreira5b3bcc253fb96

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!
Thiago Almeida

Thiago Almeida
Novo Membro

Membro desde : 03/07/2018
Mensagens : 5
Pontos : 9

http://shadowworld-rpg.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Criar tabelas sem bordas em mensagens

Mensagem por tikky 03.07.18 21:05

Olá @Thiago Almeida,
Mude o código que você está a usar para:
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>

Atenciosamente,
pedxz
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar tabelas sem bordas em mensagens

Mensagem por Thiago Almeida 03.07.18 21:28

Olá, obrigado pela ajuda!

No entanto, ainda há um problema mesmo com essa solução. Como pode ser visto abaixo, há um pequeno intervalo entre o conteúdo da primeira e da segunda coluna, uma fina linha branca, e há um desnível entre as duas colunas (o conteúdo da primeira coluna fica pouco acima do conteúdo da segunda).

criar - Criar tabelas sem bordas em mensagens Fabinho-moreira5b3bdbb4cebbd
Thiago Almeida

Thiago Almeida
Novo Membro

Membro desde : 03/07/2018
Mensagens : 5
Pontos : 9

http://shadowworld-rpg.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Criar tabelas sem bordas em mensagens

Mensagem por RafaelS. 05.07.18 20:51

Olá @Thiago Almeida!

Para remover as bordas, teremos que adicionar um código à sua folha de estilos CSS:
Acesse: Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos (CSS)

Adicione o seguinte código:

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

Saudações. Feliz
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Criar tabelas sem bordas em mensagens

Mensagem por RafaelS. 10.07.18 12:17

Tópico resolvido


Tópico marcado como resolvido pela equipe por abandono do autor.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos