Criar tabelas sem bordas em mensagens
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Criar tabelas sem bordas em mensagens
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:
Ele deveria aparecer assim no tópico:
![Criar tabelas sem bordas em mensagens Fabinho-moreira5b3bca5371947](https://2img.net/h/image.yoble.us/upload/464027/fabinho-moreira5b3bca5371947.png)
Mas ele está a aparecer do modo que segue:![Criar tabelas sem bordas em mensagens Fabinho-moreira5b3bcc253fb96](https://2img.net/h/image.yoble.us/upload/464027/fabinho-moreira5b3bcc253fb96.png)
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><tbody border="0"><tr><td style="background:#FFDD37 url("http://image.yoble.us/upload/439898/tanner-parsons5ac27f542219b.png") 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("http://image.yoble.us/upload/439898/tanner-parsons5ac27fea0b314.png") 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 tabelas sem bordas em mensagens Fabinho-moreira5b3bca5371947](https://2img.net/h/image.yoble.us/upload/464027/fabinho-moreira5b3bca5371947.png)
Mas ele está a aparecer do modo que segue:
![Criar tabelas sem bordas em mensagens Fabinho-moreira5b3bcc253fb96](https://2img.net/h/image.yoble.us/upload/464027/fabinho-moreira5b3bcc253fb96.png)
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!
![Admineiro Admineiro](https://i.imgur.com/TuksIJS.png)
Re: Criar tabelas sem bordas em mensagens
Olá @Thiago Almeida,
Mude o código que você está a usar para:
Atenciosamente,
pedxz
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("http://image.yoble.us/upload/439898/tanner-parsons5ac27f542219b.png") 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("http://image.yoble.us/upload/439898/tanner-parsons5ac27fea0b314.png") 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- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7832
Pontos : 9077
Re: Criar tabelas sem bordas em mensagens
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 tabelas sem bordas em mensagens Fabinho-moreira5b3bdbb4cebbd](https://2img.net/h/image.yoble.us/upload/464027/fabinho-moreira5b3bdbb4cebbd.png)
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 tabelas sem bordas em mensagens Fabinho-moreira5b3bdbb4cebbd](https://2img.net/h/image.yoble.us/upload/464027/fabinho-moreira5b3bdbb4cebbd.png)
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Criar tabelas sem bordas em mensagens
Olá @Thiago Almeida!
Para remover as bordas, teremos que adicionar um código à sua folha de estilos CSS:
Acesse: Painel de Controle
Visualização
Imagens e Cores
Cores
Folha de Estilos (CSS)
Adicione o seguinte código:
Saudações.![Feliz](/users/2612/28/77/07/smiles/61552.gif)
Para remover as bordas, teremos que adicionar um código à sua folha de estilos CSS:
Acesse: Painel de Controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
Adicione o seguinte código:
- Código:
div[class*='post--'] .postbody table, div[class*='post--'] .postbody td {
border: none !important;
}
Saudações.
![Feliz](/users/2612/28/77/07/smiles/61552.gif)
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Criar tabelas sem bordas em mensagens
Tópico resolvidoTópico marcado como resolvido pela equipe por abandono do autor. |
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Remover as Bordas das Tabelas
» Bordas das tabelas e mps desconfiguraram
» Bordas pretas nas tabelas
» Como tirar as bordas internas finas nas tabelas
» Mensagens em tabelas
» Bordas das tabelas e mps desconfiguraram
» Bordas pretas nas tabelas
» Como tirar as bordas internas finas nas tabelas
» Mensagens em tabelas
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos