Problème de liste des sujets notes et annonces

[Rainbow Panda]

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 : 04/08 après avoir posté des sujets en note et en classique
Lien du forum : http://sinsandsymphony.forumactif.com

Description du problème

Bonsoir ! Je viens vers vous car je me vois confronté à un problème.
Après avoir codé l'apparence de la liste des sujets, je me suis donc mise à écrire règlements, contextes... Si il n'y a que des sujets en note, tout va bien, en classique tout va bien aussi. Mais s'il y a des sujets en note, annonce et classique dans la liste, c'est la que tout dérape. Je vous montre:

quand tout va bien:

quand ça capote:

Je vous fournie donc le css et le template correspondants

Code:

/***************************************************** LISTE DES SUJETS **************************************************/

.boxgenLSBJ {
      background: #e6eae9;
    display: flex;
  flex-direction: column;
    margin: 5px;
    width: 750px;
  padding: 20px;
}

.boxLSBJ {
  display: flex;
  flex-wrap: wrap;
  width: 750px;
}

.imgLSBJ {
        border: solid 10px #f2f2f2;
    margin-right: 10px;
    width: 50px;
    height: 50px;
}

.avatarLSBJ {
border: double #a3b537;
    height: 44px;
    object-fit: cover;
    padding: 10px;
    width: 44px;
}

.avatarLSBJ img {
    height: 44px;
    object-fit: cover;
    width: 44px;
}

.vrLSBJ {
      background: #1a2a38;
    color: #bc75d2;
    font-family: Montserrat;
    font-size: 8px;
    font-weight: 700;
    margin-top: 7px;
    padding: 5px;
    text-transform: uppercase;
    width: 130px;
    text-align: center;
}

.postdetLSBJ {
    background: #f2f2f2;
    text-align: center;
    border: solid 5px #c1a0cb;
    padding: 5px 5px 6px;
}



.boxdescLSBJ {
        background: #f2f2f2;
    height: 50px;
    margin-right: 10px;
    padding: 10px;
    width: 420px;
    margin-bottom: 10px;
}

.boxdescLSBJ hr {
    border: solid #c1a0cb 0;
    border-top-width: 2px;
    margin: 5px 0;
}

.titlepostLSBJ {
    font-family: Montserrat;
    font-size: 12px;
}

.titlepostLSBJ a{
    color: #a3b537;
}

.descLSBJ {
 font-size: 11px;
    font-style: italic;
    color: #61425d;
}


.boxinfosLSBJ {
  display:flex;
  flex-wrap: wrap;
  width: 220px;
}

.botLSBJ {
      width: 750px;
    padding: 10px 0 0 0;
  text-align: right;
}



Code:

<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
   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}() {
   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>
<!-- END multi_selection -->
<div class="boxgenLSBJ">
   
   <!-- BEGIN pagination -->
   
      <div align="right"><span class="gensmall">{PAGINATION}</span></div>
   
   <!-- END pagination -->
   <!-- END header_table --><!-- BEGIN header_row -->
   
      <div class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall">&nbsp;<b>{topics_list_box.row.L_TITLE}</b></span></div>
   
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <div class="boxLSBJ">
      <!-- BEGIN single_selection -->
      <div class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
      <!-- END single_selection -->
      <img class="imgLSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" />
<div class="boxdescLSBJ"><a class="titlepostLSBJ" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> <span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span><hr>
<!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description -->
     
  </div> <div class="boxinfosLSBJ"> <div style="display:flex; flex-direction: column; margin-right: 10px;"> <div class="postdetLSBJ"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></div><div class="vrLSBJ">{topics_list_box.row.VIEWS} vues . {topics_list_box.row.REPLIES} réponses</div></div><div class="avatarLSBJ"> <!-- BEGIN avatar -->{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>
  </div>
<!-- BEGIN multi_selection -->
      <div align="center" valign="middle"><span class="postdetails"><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} /></span></div>
   <!-- END multi_selection -->


   
   <!-- END topic --><!-- BEGIN no_topics -->
   
      <div align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></div>
   
   <!-- END no_topics --><!-- BEGIN bottom -->
   
         <div class="botLSBJ">
            
               &nbsp;<span class="gensmall">{PAGINATION}</span>
               <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;
         </div></div>
<!-- END bottom --><!-- BEGIN footer_table -->
<!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Merci d'avance

[Chacha]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 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.