Perfil no fórum

[iHeloaD]

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : 31/01/2015
Endereço do fórum : http://www.cidadesocial.com

Descrição do problema

Olá,

Eu estava personalizando o Perfil nos tópicos de meu fórum, estava tudo indo bem, estava assim http://prntscr.com/5zb5ud, então comecei a editar o código para subir o nome do usuário para ficar como este http://prntscr.com/5zb644, então quando subi o mesmo até a altura exata, ficou cortado, assim http://prntscr.com/5zb6sg, teria como me ajudar a resolver?

CÓDIGO:

Código:

/*Perfil*/
.pun .user-ident .username {
text-align: center;
top: -2.5em;
}
.pun .user-ident .username {
border: 1px solid #ddd;
border-radius: 3px;
margin: 0 auto;
position: relative;
}
.pun .posthead, .pun .username {
background-color: #f7f7f7;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
pun .post .user {
line-height: 150%;
margin-left: -17em!important;
margin-top: -3.3em;
padding-top: 0;
text-align: center;
width: 15em;
}
.pun .user-ident .user-basic-info {
font-weight: 700;
margin-top: -1em;
text-align: center;
}

[EuficoLoko]

Olá!

Troque essa parte de seu CSS:

Código:

.pun .user-ident .username {
text-align: center;
top: -2.5em;
}

Por essa:

Código:

.pun .user-ident .username {
text-align: center;
}

Acrescente mais esse código, em sua CSS:

Código:

.pun .user-ident .user-basic-info {
position: relative !important;
margin-top: 5% !important;
}.pun .post .user {
float: left;
margin-left: -17em;
margin-top: -4.8em !important;
position: relative;
}

Resultado:


Atenciosamente,
Loko.

[iHeloaD]

Perfeito, muito obrigado.

[EuficoLoko]

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