Página 1 de 1

Como centralizar NOME E RANK

Enviado: 21 Ago 2014, 18:01
por Gustavogc
Qual a URL do seu fórum: http://forum.striking-games.org
Tipo de Hospedagem: Pago
Qual a versão do phpBB: phpBB 3.0.12
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário: N/D Senha: N/D
Estilos instalados: SE GAMER
Modificações instaladas:
Qual seu nivel de experiência: Iniciante
Quando começou o problema:
Descreva seu problema: Bem, na verdade tenho uma dúvida, não sei como utilizar adequadamente esta área por isto se eu tiver infringindo alguma regra me desculpe.
Recentemente, eu inseri umas imagens no rank do meu fórum, só que reparei que o \'NOME, DESCRIÇÃO E RANK\' fica torto ao invés de ficar alinhado juntamente ao avatar. Queria saber como posso arrumar isto?
Desde já agradeço.

Queria deixar claro que eu já usei o botão de pesquisa e testei alguns procedimentos semelhantes para o meu caso e nenhuma das tentativas surtiram efeito.

Re: Como centralizar NOME E RANK

Enviado: 22 Ago 2014, 17:04
por robra
Dê um exemplo com postagem do link da mensagem em questão.

Abraço. Imagem

Re: Como centralizar NOME E RANK

Enviado: 22 Ago 2014, 19:28
por Gustavogc
Olá robra,
Ao certo como mostra esta imagem
Imagem
Como mostra o nome,rank e descrição estão todos alinhados, porém estão tortos em relação ao avatar do tópico. Neste caso preciso centralizar pondo o rank, descrição e nome abaixo do avatar.

Re: Como centralizar NOME E RANK

Enviado: 25 Ago 2014, 19:23
por robra
Queria deixar claro que eu já usei o botão de pesquisa e testei alguns procedimentos semelhantes para o meu caso e nenhuma das tentativas surtiram efeito.
Para interagir com elementos de uma página, use o recurso "inspecionar elemento" do Google Chrome:
kb.php?a=106

Procure em seus arquivos css pelas linhas...

Código: Selecionar todos

.profilesleft .postprofile {
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-right: 1px solid #FFFFFF;
border-left: none;
width: 22%;
float: left;
display: inline;
}
... e acrescente após a linha display: inline;, em uma nova lina:
text-align: center;

RESULTADO:
img000.jpg
Abraço: Imagem