Modifier l'emplacement du nombre de "Vues" et de "Réponses" sur PHPBB2

[Eldunari]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 22/09/14
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous,

Je suis fondateur d'un forum et cela doit faire 5 ans que je n'ai pas vu de panneau d'administration, alors tristement je rencontre un problème pénible.

J'ai modifié mon Template de façon à supprimer les cellules des titre "Vues" et "Réponses" et celles affichant leur valeur numérique. Respectivement les VIEWS et REPLIES entre balise th et td.

Puis j'ai ajouté un nouveau tableau -j'espère- pour remettre ces titres et valeurs.
Voici une partie (celle modifiée, je n'ai pas touché au reste) de mon Template topics_list_box :

Code:

<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
        <table width="100%">
            <tr>
              <td>
                  <div class="topictitle">
                    {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
                    <h2 class="topic-title">
                        <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
                    </h2>
                  </div>
                  <!-- BEGIN switch_description -->
                  <span class="genmed">
                    <br />
                    {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
                  </span>
                  <!-- END switch_description -->
                  <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
                  <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
              </td>
              <td>
                  <div class="postdetails StatsTopics">
                    Réponses : {topics_list_box.row.REPLIES}
                    <br />
                    Vues : {topics_list_box.row.VIEWS}
                  </div>
              </td>
            </tr>
        </table>
      </td>

Enfin, pour aligner cette nouvelle donnée je suis allée dans ma feuille CSS pour régler tout cela :

Code:

/* Vues et réponses design*/
.StatsTopics {
text-align: right !important; /* texte aligné à droite */
width: 100px; /* largeur de la cellule */
}

Voyant que cela ne fonctionnait pas, j'ai ajouté "important" pour forcer même si je suis une quiche en herbe en code alors je ne sais pas comment me dépatouiller. Vous avez un screen de la situation, où en rouge j'ai positionné le résultat voulu.

Merci beaucoup de votre attention, j'aimerai beaucoup qu'on m'explique ce qui coince pour pouvoir à l'avenir m'en sortir.

[Eldunari]

Un p'tit up ? Dites-moi si je suis dans la mauvaise section ... Ou s'il manque des informations.

Je vais finir désespérée sinon ! ='(

[[Nihil]]

Dans ton CSS tu as mis une largeur à ton bloc :

Code:

/* Vues et réponses design*/
.StatsTopics {
    text-align: right !important; /* texte aligné à droite */
    width: 100px; /* largeur de la cellule */
}

Il suffit de retirer la ligne width: 100px; /* largeur de la cellule */ et tout sera bon normalement

[Eldunari]

Impeccable ! Merci beaucoup, l'erreur était toute bête j'aurais pu m'en apercevoir.
On apprend des erreurs comme on dit.
Merci encore !