Campo "regras do fórum"com visualização incorreta

Qual é minha questão:
Olá a todos.
Alterei a mensagem que aparece no campo "Regras do Fórum" (Painel de controle > Geral > Categorias e Fóruns > Fórum > Regras do fórum > Mensagem) para o seguinte código em bbcode que também é utilizado no forumeiros:

Código:


[table][tr][td style="vertical-align: bottom;"][img]http://i.imgur.com/u6veiLW.gif[/img][/td][td width="510" height="213" background="http://i40.servimg.com/u/f40/16/50/02/64/balao10.png"][table valign="top" width="510" height="213"][tr][td style="padding-left: 50px;"]Olá, {USERNAME} :11:
Agradecemos por criar mais um tópico conosco.
Para que possa aproveitar todos os recursos de nosso fórum e sanar quaisquer dúvidas, por favor leia nosso FAQ:
* [url=http://www.rpg-players.com/t430-faq-para-duvidas-gerais]Tópico do FAQ[/url]

Ao postar suas ideias, você estará concordando com nossos termos. 
Muito obrigado e continue compartilhando suas ideias, {USERNAME} [sub]:wink:[/sub]

[/td][/tr][/table][/td][/tr][/table]


Ao pré-visualizar o código, não há nenhum erro, mas postando-a no campo de regras, a imagem fica afastada da mensagem, como mostra a imagem a seguir:

https://i.imgur.com/PAlZxN2.png

Só pode ser um erro de css do fórum.
Agradeço a ajuda.

Endereço do meu fórum:
http://rpg-players.com

Versão do fórum:
PUNBB

Olá,

1. [table][tr][td style="vertical-align: bottom;"][img]http://i.imgur.com/u6veiLW.gif[/img][/td][td width="400" height="215" background="https://i.servimg.com/u/f40/16/50/02/64/balao10.png"][table valign="top" width="510" height="213"][tr][td style="padding-left: 50px;"]Olá, Convidado :11:
   
2. Agradecemos por criar mais um tópico conosco.
   
3. Para que possa aproveitar todos os recursos de nosso fórum e sanar quaisquer dúvidas, por favor leia nosso FAQ:
   
4. * [url=http://www.rpg-players.com/t430-faq-para-duvidas-gerais]Tópico do FAQ[/url]
   
   
5. Ao postar suas ideias, você estará concordando com nossos termos. 
   
6. Muito obrigado e continue compartilhando suas ideias, {USERNAME}[sub]:wink:[/sub]
   
   
7. [/td][/tr][/table][/td][/tr][/table]
   

Olá.
Infelizmente não é uma questão do BBcode aparentemente, pois tanto o meu anterior quanto o seu, em uma postagem ficam corretos, mas nesse campo de campo de Regras, acabam por algum motivo ficando a imagem presa à esquerda e a mensagem presa à direita.

Creio que o conflito seja no

#forum_rules table {
}

Ainda não consegui acertar, por aqui.
Agradeço qualquer ajuda.

Ainda sem solução

Vou tentar ser um pouco mais claro, explicando melhor

Como administradores, podemos usar o campo de Regras, para alertar os usuários em suas postagens.
Podemos escolher se queremos que seja visualizado essas regras, em três setores diferentes: Criação de tópicos, resposta padrão e resposta rápida. Isso tudo em Painel de controle > Geral > Categorias e Fóruns > Fórum > Regras do fórum > Mensagem



Estou adicionando um código BB no campo para que seja pré-visualizado apenas nas criações de tópicos:

Código:


[table][tr][td style="vertical-align: bottom;"][img]http://i.imgur.com/u6veiLW.gif[/img][/td][td width="510" height="213" background="http://i40.servimg.com/u/f40/16/50/02/64/balao10.png"][table valign="top" width="510" height="213"][tr][td style="padding-left: 50px;"]Olá, {USERNAME} :11:
Agradecemos por criar mais um tópico conosco.
Para que possa aproveitar todos os recursos de nosso fórum e sanar quaisquer dúvidas, por favor leia nosso FAQ:
* [url=http://www.rpg-players.com/t430-faq-para-duvidas-gerais]Tópico do FAQ[/url]

Ao postar suas ideias, você estará concordando com nossos termos.
Muito obrigado e continue compartilhando suas ideias, {USERNAME} [sub]:wink:[/sub]

[/td][/tr][/table][/td][/tr][/table]


Ao pré-visualizar esse código em uma postagem, por exemplo, não há nenhum erro:



Mas, por algum motivo, o mesmo código aplicado no setor de regras do fórum, acaba por ficar inviabilizado.
A imagem fica presa à esquerda, como se houvesse um "float: left", agindo sobre ela, e a mensagem, acaba por ficar presa à direita, como se houvesse um "float: right", por ali:



Não consegui corrigir o problema, mas creio que seja alguma interferência no CSS, em:

#forum_rules table {
}

Agradeço a ajuda mais uma vez de quem puder.
Obrigado

Saudações!

Aceda à "Folha de estilo CSS":
Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS

Acrescente o código a seguir em sua folha:

Código:

#forum_rules table {
width: 76%;
border-spacing: 5px 5px;
table-layout: fixed;
}
.pun {
line-height: 120%;
}
.pun .main-content {
background-color: #fbfbfb;
border: 1px solid rgba(221, 221, 221, 0);
}

Valide!

Obrigado, Harker.

Clareou bastante aqui.
Só precisei dar uma implementada nele, chegando a essa configuração final:

Código:


#forum_rules table {
padding: auto !important;
margin: auto !important;
table-layout: fixed !important;
width: auto !important;
border-collapse: separate !important;
border-spacing: 5px 5px !important;
border: 0px !important;
}


Talvez, algum código que eu inseri não houvesse a necessidade, mas ficou legal por aqui



Tópico resolvido!