Problème de profil.

[worth living century]

Bonsoir !
Alors voilà, j'ai un problème avec mon profil /: en effet, j'ai voulu en faire un tout beau, cependant l'avatar ne veux pas "entrer" dans mon arrondi, ce qui me pose un problème. J'avais déjà vu un problème similaire, alors j'ai tenté de faire comme la personne a dis mais hélas, ça n'a pas fonctionné. Je suis un peu perdu, j'ai tenté de trouver des tutoriels ou quoi mais rien du tout ! Je trouve pas ! Donc je fais appel à vous, sachant que je ne vois pas d'où le problème peut venir ni même comment le régler !
Voilà mon profil : cliquez ici pour l'image.
Et seconde chose aussi, j'aimerais centré le champ du rang, avec le "admin" afin qu'il soit au milieu de l'avatar, enfin, en dessous mais au milieu, centré quoi xD
Je comprend pas non plus, et pourtant j'ai tout tenté ._. merci à tout ceux qui voudrons bien m'aider !
Voici la partie appropriée de mon template :

Code:

<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><BR><div class="fondavatar">{postrow.displayed.POSTER_AVATAR}</div><div class="fonderang">{postrow.displayed.POSTER_RANK}</div><BR>

ainsi que mon css :

Code:

.fondavatar {
  -moz-border-radius: 45px 45px 5px 5px;
-webkit-border-radius: 45px 45px 5px 5px;
border-radius: 45px 45px 5px 5px;
  background-color : #66CDAA;
border: 5px solid #66CDAA;
}

.postdetails img {
-moz-border-radius: 45px 45px 5px 5px;
-webkit-border-radius: 45px 45px 5px 5px;
border-radius: 45px 45px 5px 5px;
}

.fonderang {
  background-color: #66CDAA;
  -moz-border-radius: 0px 0px 45px 45px;
-webkit-border-radius: 0px 0px 45px 45px;
border-radius: 0px 0px 45px 45px;
  width: 100px;
  text-align: center;
  -moz-box-shadow: 0px 0px 10px #174636;
-moz-box-shadow: 0px 0px 10px #174636;
-webkit-box-shadow: 0px 0px 10px #174636;
box-shadow: 0px 0px 10px #174636;
}


le "postdetails img" était la solution proposé dans l'autre sujet, pour la fille en question, ça avait fonctionné, mais hélas pas pour moi /:
Merci encore à tout ceux qui voudrons bien tenter et bonne soirée !

[Automne]

bonjour,

Rajouter ceci à .fonderang dans votre css pour centrer le rang

Code:

margin-left: 30px;

Et ceci pour arrondir l'avatar.

Code:


a img {
    border: medium none;
    border-radius: 25px 25px 25px 25px;}

[worth living century]

Ca a fonctionné parfaitement bien ! Merci beaucoup Automne !
Résolu.