Sujets similaires

Bonjour

Alors voici mon problème : je suis actuellement en train de préparer un nouveau design pour mon forum et je souhaitais mettre un contour autour des avatars, des profils et des feuilles de personnage dans les messages. Jusque là, j'y suis arrivée. Seul petit problème, un espace non désiré a élu domicile au dessus de la feuille de personnage Neutral

Voyez plutôt :

Spoiler:

J'ai cherché mais je n'arrive pas à trouver comment arranger ce problème. Certes ce n'est pas grand chose, mais je trouve que ça fait pas très beau :/

Alors quelqu'un saurait-il d'où vient mon problème ?!

Merci d'avance pour votre aide ! Wink

Petites précisions :

Codes figurants dans mon template :

Code:: <tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div class="profilentour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_AVATAR}<br />{postrow.displayed.POSTER_NAME}</strong></span><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}
{postrow.displayed.RANK_IMAGE}</span></div><br />
<div class="profilentour"><span class="postdetails poster-profile">
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
</span></div><br/>
<div class="profilentour"><span class="postdetails poster-profile">{postrow.displayed.POSTER_RPG}</span></div><br />
<img src="http://2img.net/i/fa/vide.gif" alt="" style="width:150px;height:1px" />
</td>

Codes figurants dans mon css :

Code:: .profilentour
{
text-align:center;
background-color:#d9d9d9;
-moz-border-radius:10px;
padding:7px;
}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 3px solid #e6e6e6;
}

Adresse de mon forum d'essai : http://essais-designs.forumactif.org/

Bonjour =)
Je t'explique ce que j'ai constaté.

Alors en fait le soucis en gros vient du padding que tu as mis dans ta feuille de CSS pour que ton texte ne soit pas collé aux bords.
Or si tu l'enlèves, tu remarques que pour la feuille de personnage, apparemment il y a déjà un espace prédéfini en haut (me demande pas pourquoi je sais pas du tout xD Je pensais que ça pouvait venir d'un
mais apparemment :/), mais si tu le retires du coup Message et Date d'inscription seront collés au bord et c'est pas très esthétique je te l'accorde :/
Donc ce que je pourrais te conseiller c'est de nommer deux classes différentes comme ça tu peux garder ton padding pour Message et Date d'Inscription et le retirer pour la feuille de personnage.

Donc en gros ça ferait ceci :

Code:: <tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div class="profilentour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_AVATAR}<br />{postrow.displayed.POSTER_NAME}</strong></span><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}
{postrow.displayed.RANK_IMAGE}</span></div><br />
<div class="profilentour"><span class="postdetails poster-profile">
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
</span></div><br/>
<div class="profilentour2"><span class="postdetails poster-profile">{postrow.displayed.POSTER_RPG}</span></div><br />
<img src="http://2img.net/i/fa/vide.gif" alt="" style="width:150px;height:1px" />
</td>

Code:: .profilentour
{
text-align:center;
background-color:#d9d9d9;
-moz-border-radius:10px;
padding:7px;
}

.profilentour2
{
text-align:center;
background-color:#d9d9d9;
-moz-border-radius:10px;
padding-bottom: 7px;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 3px solid #e6e6e6;
}