Centralizar ícones dos tópicos do fórum

[Jhool]

Detalhes da questão

Endereço do fórum: http://familiawarning.forumeiros.com
Versão do fórum: PunBB

Descrição

Olá, gostaria de ajuda nisto:

Alguns icones do meu fórum, principalmente de tópicos estão ficando tortos, um para um lado outro para outro, gostaria de saber se tem como centraliza-los.

olha como está:
http://prntscr.com/e9bqjp
http://prntscr.com/e9bqzi

[Kyo Panda]

Parece que esse problema só ocorre em tópicos que o senhor postou. Para verificar o que se passa, terei que criar um tópico para testes no seu fórum, tudo bem?

[Jhool]

tudo bem

[Luiz]

Olá.
Eu acessei o seu fórum e não vi esse problema.
Por acaso ele foi resolvido?

Até mais.

[Kyo Panda]

Eu acessei o seu fórum e não vi esse problema.

Parece que só rola quando o tópico possui algum mini ícone, como o ícone de "Você participa desse fórum".

---

Procure por essa regra no seu CSS:

Código:

div.main-content table.table img {
    float: left;
}

E a remova.

[Jhool]

Eu acessei o seu fórum e não vi esse problema.

Parece que só rola quando o tópico possui algum mini ícone, como o ícone de "Você participa desse fórum".

---

Procure por essa regra no seu CSS:

Código:

div.main-content table.table img {
    float: left;
}

E a remova.

Então, este código é para deixar a página desta maneira:
http://prntscr.com/e9oz63

E sem o código fica assim:
http://prntscr.com/e9oynz

Tem um outro código que deixe as informações da categoria sem bugar os icones?

[Kyo Panda]

Acho que o ideal é remover aquela regra de CSS e adicionar:

Código:

.tcl blacktext img {
    float: left;
}

A regra que está lá no momento aplica o float para todas as imagens dentro de tabelas e isso pode causar alguns efeitos indesejáveis pelo fórum.

[Jhool]

Como pode ver, resultou apenas para o "GERAL" nas outras o texto está ficando abaixo
http://prntscr.com/ea22ta
http://prntscr.com/ea232a

[while]

Olá autor, boa tarde.

Isto é um tanto complexo, pois isto acontece pois esses "Fóruns" estão sem uma imagem na descrição, entende?

Portanto fica muito difícil definirmos, há não ser que queira definir cada um por vez, por exemplo pra definirmos todos seria essa propriedade: .pun tbody.statused span.status , agora pra definirmos um por um, vai ser todas de formas diferentes, vou citar um código funcional para todos (vai ser um pouco extenso, lembrando que é um código css)

Código:

.pun tbody.statused span.status {margin-top:25px;}
        #main-content > div:nth-child(6) > div:nth-child(8) > table > tbody > tr:nth-child(1) > td.tcl > span > img , #main-content > div:nth-child(6) > div:nth-child(8) > table > tbody > tr:nth-child(2) > td.tcl > span > img , #main-content > div:nth-child(6) > div:nth-child(8) > table > tbody > tr:nth-child(3) > td.tcl > span > img , #main-content > div:nth-child(6) > div:nth-child(8) > table > tbody > tr:nth-child(4) > td.tcl > span > img , #main-content > div:nth-child(6) > div:nth-child(8) > table > tbody > tr:nth-child(5) > td.tcl > span > img , #main-content > div:nth-child(6) > div:nth-child(8) > table > tbody > tr:nth-child(6) > td.tcl > span > img{margin-top:-23px!important;}

Entendeu? Enfim, basta procurar e alterar o -23px!important , o -23px por um número que você acha que fique bom em questão ao ícone que fica em "Downloads" e o margin-top:25px; , no caso mudar o número 25 por um número que você acha que fique bom em questão ao icone na categoria Geral,recrutamento e o galeria/midia.

Até mais.

[Jhool]

Não consegui entender, vou deixar com o código antigo mesmo. Obrigado por tentar ajudar

Código:

div.main-content table.table img {
    float: left;
}

[Kyo Panda]

Bem, fica ao seu critério.

Código:

.tcl blacktext img,
.tcl purpletext img,
.tcl > img {
    float: left;
}

---

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".