Les catégories passent à la ligne

[Sachka]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://oth-foreverandever.forumsrpg.com/

Description du problème

Bien le bonjour

On arrive pas à comprendre mais dans les sous forums les catégories "passent à la ligne" on a l'impression que ça vient du code pouvez vous nous aider?
En vous remerciant par avance

[Rivendell.]

Bonjour,

On ne peut pas accéder au forum, il est en maintenance.

[Sachka]

Oh pardon voici une capture d'écran

[Sachka]

Désolée pour le double poste, mes collègues viennent de m'envoyer le code qu'elles ont utilisé

Code:

<link href='https://fonts.googleapis.com/css?family=Great+Vibes|Lato' rel='stylesheet' type='text/css'>
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center" class="firstbegincat">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table><div class="catrow_container">
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="7" cellpadding="5" id="categories">
      <caption colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM}&nbsp;</caption>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <td class="{catrow.cathead.CLASS_CAT}" colspan="3" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <td class="newpost clearfix" align="center" valign="middle">
        <div class="infonewpost infopost">
        <img class="imgnewpost" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          <div id="lastpost" class="gensmall clickinfopost">{catrow.forumrow.LAST_POST}</div>
        </div>
        <div class="lastpost-avatar-container infopost">
          <div class="lastpost-avatar"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>
        </div>
      </td>
      <td valign="top" width="100%" class="descriptions">
        <div class="forumlink">
          <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />                  <span id="nbposts" class="gensmall"><b>{catrow.forumrow.POSTS}</b> messages dans <b>{catrow.forumrow.TOPICS}</b> sujets</span>
        </div>
        <div class="description">
          <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        </div>
      </td>
      <td class="sousforums_container">
        <div id="details" class="sousforums gensmall">
          <div id="lienssousforums" class="sousforums_details">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
          <script text="javascript">
            jQuery('#lienssousforums').html(jQuery('#lienssousforums').html().replace(/, /g,'  ')).removeAttr('id');
          </script>
        </div>
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><!-- END tablefoot --><!-- END catrow --></div><div style="color: #000; opacity: .4; font-weight: 800; font-size: 9px; margin-top: -20px; padding: 25px; text-align: center;">Catégorie :copyright:️ < NyxBanana ></div>
code css de base voila
et je t'envoie le template
.newpost, .descriptions {
  font-family: 'Lato', sans-serif;
}

.newpost .gensmall, .descriptions .gensmall {
  font-size: 12px !important;
}

.forumlink {
  font-family: 'Great Vibes', cursive;
  font-size: 24px;
  font-weight: 400 !important;
}

.forumlink a {
  width: 100%;
  border-bottom: 1px solid #363A3D;
  padding: 0 50px 6px 0;
}

.newpost, .descriptions, .sousforums_container {
  background-color: #E6E2E2;
    display: inline-block;
}

.newpost {
    width: 250px;
}

.descriptions {
  width: 366px;
  margin: 0 8px;
    height: 122px;
    overflow: hidden;
}

.description {
  height: 70px;
  margin-top: 10px;
  padding: 0 10px 0 0;
  text-align: justify;
  overflow: auto;
}

.infopost {
  float: left;
}

.lastpost-avatar-container {
  height: 120px;
  width: 72px;
}

.lastpost-avatar img {
  height: 120px;
  width: 72px;
  border-radius: 0;
}

.clickinfopost {
  margin-top: 5px;
}

.clickinfopost .gensmall {
  letter-spacing: -.5px;
  font-size: 11px !important;
}

.infonewpost {
  width: 170px;
  height: 120px;
  margin: 2px 5px 0 0;

  background-color: #EFEEEE;
}

.infonewpost a, .forumlink .gensmall, .sousforums_details a {
  text-transform: uppercase;
  font-family: Georgia;
}

.infonewpost a {
  font-size: 11px;
}

.forumlink .gensmall {
  margin-top: -4px;
  display: block;
  font-size: 9px !important;
}

.sousforums_container {
  width: 100px;
  height: 120px;
  overflow: auto;
}

.sousforums_details a {
  display: block;
  margin: 2px;
  padding: 2px;
  background-color: #EFEEEE;
  font-size: 9px !important;
}

.secondarytitle, .secondarytitle h2 {
    color: #363A3D;
    margin: 30px 0 0 0;
    padding: 10px;
    background-color: #E6E2E2;
    font-family: 'Great Vibes', cursive;
    font-size: 39px;
    font-weight: 400!important;
}

.clearfix:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
    }

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.