Colonne "Derniers messages" trop à gauche

par Tweetyblue Ven 3 Nov 2017 - 21:58

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis que j'ai supprimé les colones "Vues" et "Messages"
Lien du forum : http://n080dy-c31123-server.forumactif.com/

Description du problème

Bonjour,

J'ai supprimé les colonnes "Vues" et "Messages" de ma liste de topics. Sauf que la colonne "Derniers messages" en a profité pour se décaler sur la gauche.

Hors, afin d'avoir suffisamment de place pour les titres des topics, je préfererai que la colonne "Derniers messages" retourne d'avantage sur la droite.

Pouvez vous m'aider svp ?

Je vous laisse le template "topics_list_box" au cas où:

Code::     <script type="text/javascript"> function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() { alert('MAIN'); var all_checked = true; for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked; } } document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() { alert('ALL'); for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked; } } } </script>  <div class="forumbg announcement"> <div class="inner"><span class="corners-top"><span></span></span> <ul class="topiclist topics"> <li class="header"> <dl class="icon"> <dt>  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />  {topics_list_box.row.L_TITLE} </dt> <dd class="lastpost"><span>{topics_list_box.row.L_LASTPOST}</span></dd> </dl> </li> </ul> <ul class="topiclist topics bg_none">   <strong>{topics_list_box.row.L_TITLE}</strong>    </ul> <span class="corners-bottom"><span></span></span></div> </div> <div class="forumbg"> <div class="inner"><span class="corners-top"><span></span></span> <ul class="topiclist topics"> <li class="header"> <dl class="icon">  <dd class="dterm" style="padding-left:0;">  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />  {topics_list_box.row.topic.table_sticky.L_TITLE} </dd> <dd class="posts" style="padding-left:45px;">{topics_list_box.row.topic.table_sticky.L_REPLIES}</dd>  <dd class="views">{topics_list_box.row.topic.table_sticky.L_VIEWS}</dd> <dd class="lastpost"><span>{topics_list_box.row.topic.table_sticky.L_LASTPOST}</span></dd> </dl> </li> </ul> <ul class="topiclist topics bg_none">  <li class="row {topics_list_box.row.ROW_ALT_CLASS}" style="margin-top:5px;" > <dl class="icon" style="background-image:url('{topics_list_box.row.TOPIC_FOLDER_IMG}');"> <dd class="dterm" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" {topics_list_box.row.ICON}>  <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />  {topics_list_box.row.NEWEST_POST_IMG} {topics_list_box.row.PARTICIPATE_POST_IMG}  {topics_list_box.row.TOPIC_TYPE} <div class="topic-title-container"><h2 class="topic-title hierarchy"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2></div>  <br /> {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}  <br /> {topics_list_box.row.GOTO_PAGE_NEW} <span class="span-tab">{topics_list_box.row.L_BY} <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span> {topics_list_box.row.TOPIC_NAV_TREE_NEW} </dd> <dd class="lastpost">  <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span> <div style="float:left;">  <span>{topics_list_box.row.LAST_POST_AUTHOR} <dfn>{L_LASTPOST}</dfn> {topics_list_box.row.LAST_POST_IMG}<br style="clear:left;" />{topics_list_box.row.LAST_POST_TIME}</span>  </div>  </dd>  <input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />  </dl> </li>   <li class="row row1"> <dl> <dt><strong>{topics_list_box.row.L_NO_TOPICS}</strong></dt> </dl> </li>   </ul> <span class="corners-bottom"><span></span></span></div> </div>  <br />

par Tweetyblue Sam 4 Nov 2017 - 23:13

par Tweetyblue Lun 6 Nov 2017 - 0:01

Un petit coup de main svp ? Smile

par tupac Lun 6 Nov 2017 - 15:57

Bonjour Tweetyblue, placer le code suivant dans votre feuille de style css, ce code a pour effet de placer la colonne complètement a droite.

Code:: ul.topiclist dd { float: right; }

par Tweetyblue Lun 6 Nov 2017 - 16:46

Bonjour,

Merci beaucoup, ça fonctionne parfaitement.

Est-il possible du coup de permettre à la colonne des titres des topics d'occuper toute la place libérée ? Afin que les titres ne reviennent pas systématiquement à la ligne alors qu'il leur reste encore de la place vers le centre.

Merci encore pour votre aide.

par tupac Lun 6 Nov 2017 - 17:22

Pour décaler juste le titre essayer avec ce code.

Code:: a.topictitle { margin-left: 100px; }

A vous jouer avec 100px pour le centrer.

par Tweetyblue Lun 6 Nov 2017 - 18:49

Alors autant ça fonctionne parfaitement dans la liste des topics :

Spoiler:

Autant ça m'a aussi décalé les catégories sur la page d'accueil.

Spoiler:

Peut-on désolidariser les deux ? Si non, je m'en contenterai sans problème. Merci beaucoup une nouvelle fois !

par tupac Lun 6 Nov 2017 - 21:44

Vous voulez dire que ce code la vous décale le titre de vos catégories ? étrange ça n'arrive pas chez moi.

Code:: a.topictitle { margin-left: 100px; }

A vrai dire je ne connais pas très bien cette version (phpBB3) mais je vais essayer de trouver d'ou vient le problème et si quelqu'un d'autre a la solution qu'il n'hésite surtout pas a la donner.

par Tweetyblue Mar 7 Nov 2017 - 10:51

Bonjour,

Alors à priori le décale des titres des catégories sur la page d'accueil n'est dû à aucun de ces deux codes (rien ne change quand je les supprime), pourtant il m'avait semblé que c'était arrivé au moment où je les avais inclus dans le CSS. Enfin bref, ce n'est pas bien grave dans l'absolu.

Par contre :

Code:: ul.topiclist dd { float: right; }

Celui-ci permet de déplacer la colonne "Dernier message" complètement à droite. C'est nikel.

Code:: a.topictitle { margin-left: 100px; }

Celui-ci par contre décale les titres des "Annonces" et "Notes" d'avantage à droite que les autres sans pour autant permettre aux titres longs de n'apparaître que sur un ligne.

Spoiler:

par Tweetyblue Ven 10 Nov 2017 - 12:19

Idéalement, je souhaiterai que la colonne des titres soit suffisamment large pour qu'il n'y ai pas de retour à la ligne et idem pour la colonne derniers messages, afin que la date et l'heure (en vert) apparaissent eux aussi sur une même ligne.

Est-ce possible ?

par Tweetyblue Dim 12 Nov 2017 - 10:41

par Tweetyblue Jeu 16 Nov 2017 - 21:05

Petit up !

par Tweetyblue Jeu 23 Nov 2017 - 20:48

par Tweetyblue Mar 28 Nov 2017 - 22:44

A vot' bon coeur mes seigneurs.

par Tweetyblue Mer 29 Nov 2017 - 16:37

Je vais ouvrir un nouveau sujet pour plus de lisibilité. Mes demandes ayant évoluées depuis le post initial.

par ◦Jay◦ Mer 29 Nov 2017 - 16:51

Bonjour, si votre forum était visible aux invités, vous auriez certainement plus de réponses.

Cordialement.

par Tweetyblue Mer 29 Nov 2017 - 17:09

Oh, merci pour le conseil.

Colonne "Derniers messages" trop à gauche