Problème de superposition de l'avatar au niveau des catégories

[TYL]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://wybpourtester.forumactif.org/

Description du problème

Bonjour (de nouveau ),
Etant toujours en train de travailler mes catégories je me rends compte que l'avatar du dernier posteur et le bloc des "statistiques" se superposent. cependant, je n'arrive pas à empêcher ça et dès que je met une nouvelle colonne pour qu'ils soient séparés l'écart est beaucoup trop grand (400px environs je dirais). Je mets donc mes codes en espérant que vous saurez m'aider.

Code:

<table><tr>
  <td><span class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span></td>
  <td style="vertical-align: top;"><span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
  <span class="description">{catrow.forumrow.FORUM_DESC}</span></td>
  <td><!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <div style="width:80px;"><span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
    <!-- END avatar -->
    </div><span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} enveloppes ; {catrow.forumrow.POSTS} lettres</span>
    <span class="last">{catrow.forumrow.LAST_POST}</span></span>
  </td></tr></table>

Et le CSS

Code:

/*CATEGORIES*/
.lastpost-avatar img {
  height: 80px;
  width: 50px;
}

.forumline
{
  width: 90%;
  margin: auto;
}
table
{
  width: 90%;
  margin: auto;
}
.forumline
{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #e9e9e6;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}
.cate_titre
{
  width: 90%;
  margin: auto;
  text-align: center;
}
.categorie
{
  width: 90%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #e9e9e6;
  border-top: 3px solid #4c4842;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}
.forum
{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #f3f3f3;
  border: 1px dotted #c0c0c0;
  padding: 2px;
}
.forumlink
{
  display: block;
  width: 490px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
  font-size: 16px;
  border-bottom: 2px dotted #c0c0c0;
}
.description
{
  display: block;
  width: 380px;
  margin: auto;
  font-size: 11px;
  text-align: justify;
  color: #a6a6a6;
}
.illu
{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #c0c0c0;
  background: #e9e9e6;
  padding: 5px;
}

.stats_last
{
  display: block;
  width: 130px;
  margin: auto;
  background: #e9e9e6;
  padding: 10px;
  border: 1px dotted #c0c0c0;
}
.stats
{
  display: block;
  text-align: center;
  font-size: 10px;
  color: #a6a6a6;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.last
{
  display: block;
  text-align: center;
  font-size: 9px;
}
.sous_forum
{
  display: block;
  width: 90%;
  margin: auto;
  background: #e9e9e6;
  padding: 2px;
  text-align: center;
}
a.nav img
{
width: 100px;
}

Merci d'avance

[MlleAlys]

L'espace provient très certainement de la div de 200px juste avant l'avatar, essayez ainsi ?

Code:

<table><tr>
  <td><span class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span></td>
  <td style="vertical-align: top;"><span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
  <span class="description">{catrow.forumrow.FORUM_DESC}</span></td>
  <td>
    <!-- BEGIN avatar -->
      <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
    <!-- END avatar -->
  </td>
  <td>
    <span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} enveloppes ; {catrow.forumrow.POSTS} lettres</span>
    <span class="last">{catrow.forumrow.LAST_POST}</span></span>
  </td></tr></table>

[TYL]

Merci beaucoup encore une fois! la div s'était mise toute seule donc j'osais pas y toucher. Sujet résolu!