Aumentar espaço entre nome e avatar

Qual é minha questão:
Ola...

Pessoal, coloquei no fórum o código que esconder o perfil do membro, mas agora o nome ficou bem perto do avatar quase em cima, e queria separar um piuco mais...

Como faço por favor?

Código JS

Código:

$(function() {
$('.postprofile dt').before('<div id="hide-perfil" style="height: 13px; width: 16px; -moz-border-radius: 4px 4px 4px 4px; cursor: pointer; position: absolute; background: url(http://i48.tinypic.com/33m4qw3.png) no-repeat scroll 0pt -13px #E5F1F9;" onclick="jQuery(\'.postprofile dd\').not(\':first\').not(\':eq(2)\').animate({width:\'toggle\',height:\'toggle\',opacity:\'toggle\'},1000); if(my_getcookie(\'perfil-http://bcvgames.forumbrasil.net\')==\'0\') { my_setcookie(\'perfil-http://bcvgames.forumbrasil.net\',\'1\',0,0); jQuery(\'#hide-perfil\').css(\'background-position\',\'0 -13px\'); } else { my_setcookie(\'perfil-http://bcvgames.forumbrasil.net\',\'0\',1,0); jQuery(\'#hide-perfil\').css(\'background-position\',\'0 0px\'); }"></div>');

if(my_getcookie('perfil-http://bcvgames.forumbrasil.net')=='0') {jQuery('.postprofile dd').not(':first').not(':eq(2)').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('.postprofile dd').not(':first').not(':eq(2)').css('background-position','0 0px');}
});

Links e imagens do meu problema:


Endereço do meu fórum:
http://aquapeixes.forumeiros.com/forum.htm

Versão do meu fórum:
PHPBB3

Olá,

Aceda á teu CSS, e adicione isto :

.postprofile dd, .postprofile dt img {
padding-top: 10px;
}

10px Margem interna para separar o nome da imagem ...
Deixei um Efeito junto ao código

Cordialmente ...

Ola...

Introduzi, mas não resultou, ele mexeu foi no avatar, colocando uma espécie de margem superior, aumentei o valor para ver melhor, veja:

Olá,

Tente este :

.postprofile dd, .postprofile dt {
padding-top: 10px;
}

10px Margem interna para separar o nome da imagem ...

Cordialmente ...

Inda nada amigo, esta descendo o avatar mas sem a parte cinza que postei acima...

Olá,

Tente este :

.postprofile dd, .postprofile dt {
margin-top: 5px;
}

5px Margem externa para separar o nome da imagem ...

Cordialmente ...

Estamos quase la, mas ainda nada...

O que aumentou foi o espaço entre o nick e o nome do rank.

Olá,

Agora consegui montar :/

.postprofile dt img {
margin: 17px 10px 5px 0;
}

Resultado :
Cordialmente ...

Olá querido,

Tente o seguinte CSS:

Código:

strong {position: relative;top: 4px;}

Abraços.

-Persy escreveu:Olá,

Agora consegui montar :/

.postprofile dt img {
margin: 17px 10px 5px 0;
}

Cordialmente ...

Resultou amigo, muito obrigado, só dei uma editada nos valores para aproximar ao meu gosto, dai ficou um pouco próximo do nome do rank, dai utilizei o outro código que separou, ficou de total agrado:

Código:

.postprofile dt img {
margin: 0px 10px 5px 0;
  }
  .postprofile dd, .postprofile dt {
margin-top: 5px;
  }

Mikéé escreveu:Olá querido,

Tente o seguinte CSS:

Código:

strong {position: relative;top: 4px;}

Abraços.

Resultou também, mas ficou bem em cima do nome do rank, precisaria usar o código adicionado acima também, para seprar:

Código:

strong {position: relative;top: 4px;}
 .postprofile dd, .postprofile dt {
margin-top: 5px;
  }

Agradeço aos dois pela força...

Olá querido,

Sua dúvida está resolvida? Ou ainda deseja suporte adicional?

Abraços.

Esta resolvida, pode fechar...

Obrigado!