Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Problème de liste des sujets notes et annonces

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

Problème de liste des sujets notes et annonces

Message par Rainbow Panda le Sam 4 Aoû 2018 - 1:49

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 ♥️
avatar

Rainbow Panda
Nouveau membre

Messages : 1
Inscrit(e) le : 04/08/2018

http://sinsandsymphony.forumactif.com
Rainbow Panda a été remercié(e) par l'auteur de ce sujet.

Re: Problème de liste des sujets notes et annonces

Message par Chacha le Dim 12 Aoû 2018 - 10:11

Bienvenue sur le forum de support de Forumactif

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
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.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 57222
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha 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