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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par TYL le Sam 28 Mar 2015 - 15:13

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 What a Face ),
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 I love you


Dernière édition par TYL le Sam 28 Mar 2015 - 16:25, édité 1 fois

TYL
**

Féminin
Messages : 64
Inscrit(e) le : 30/06/2011

http://love-runs-out.forumactif.org/
TYL a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de superposition de l'avatar au niveau des catégories

Message par MlleAlys le Sam 28 Mar 2015 - 16:00

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>

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de superposition de l'avatar au niveau des catégories

Message par TYL le Sam 28 Mar 2015 - 16:24

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

TYL
**

Féminin
Messages : 64
Inscrit(e) le : 30/06/2011

http://love-runs-out.forumactif.org/
TYL a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum