Problème CSS QEEL Balise 24H et Anniversaire du jour

[One.]

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour/Bonsoir,

Je me permet de venir vous demander de l'aide, je suis actuellement entrain d'essayer de coder le QEEL, le problème étant, que les balises :

Code:

{L_WHOSBIRTHDAY_TODAY}

Code:

{L_CONNECTED_MEMBERS}

Ne prennent pas en compte le CSS qui leur est attribué et refuse tout changement de style. Mais aucuns soucies pour les autres balises ...

Je vous remercie par avance pour votre aide.

En vous souhaitant une bonne journée/soirée !

[MlleAlys]

Bonjour,
Quel est le code html actuel de votre qeel ? Avez-vous bien pris en compte le fait que ces balises sont des lignes de tableau et non des blocs ?

[One.]

Bonsoir,

Voici le code HTML

Code:


<!-- BEGIN disable_viewonline -->
      <!-- BEGIN switch_viewonline_link -->
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <!-- END switch_viewonline_nolink -->
   
<div class="titreqeel">qui se promène par ici ?</div>

   <table class="blocqeel" border-collapse="collapse" border="0" cellpadding="0" cellspacing="0">
          <tr><td>      
         
    <table border-collapse="collapse" border="0" cellpadding="0" cellspacing="0"><tr><td>
          <div class="cadreenligne">{LOGGED_IN_USER_LIST}</div></td></tr>
       
        <tr><td>
          <div class="listeenligne"> {TOTAL_USERS_ONLINE}</div></td></tr>
         
          <tr><td>
                 
            <div class="cadreenligne">{L_CONNECTED_MEMBERS}  </div></td></tr>
            </table>
           
            </td>
           
            <td>
            <span id="avatar_dernier_membre"></span>
           
              <div class="blocdrninscrit">
           
                <center><table border="0" cellpadding="2" cellspacing="0">
                  <tr><td>
             
                <div class="pseudodrninscrit">
              <span id="dernier_membre"> <span id="newest">{NEWEST_USER}</span></span>
              <script type="text/javascript">document.getElementById('newest').innerHTML=document.getElementById ('newest').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"");</script>
              </div>
             
                    </td></tr>
                  <tr><td>
                    <div class="infosdrninscrit">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit venenatis gravida.
                    </div>
                    </td></tr>
                </table> </center>
               
                </div>
            <div class="titredrninscrit">dernier inscrit</div>
            </td>
           
            <td>
   
              <table border-collapse="collapse" border="0" cellpadding="0" cellspacing="0"><tr><td>
                <div class="cadreanniv"> {L_WHOSBIRTHDAY_WEEK} </div></td></tr>
                <tr><td>
                  <div class="cadreanniv">  {L_WHOSBIRTHDAY_TODAY} </div></td></tr></table>
               
            </td>
          </tr>
</table>
    {TOTAL_POSTS}
      {TOTAL_USERS}
   <!-- BEGIN switch_group_legend -->
   {LEGEND}{GROUP_LEGEND}
   
   <!-- END switch_group_legend -->
 
      
      

   


   <!-- BEGIN switch_chatbox_activate -->
   {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp; {CHATTERS_LIST}
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
      
   <!-- END switch_chatbox_activate -->
     
<!-- END disable_viewonline -->

Pour le coup, non je n'y ai absolument pas pensé ... Je suis loin d'être un pro en codage, et y'a encore beaucoup de choses que je ne pense pas encore très bien assimilé haha.

[MlleAlys]

En observant le template de base, vous verrez que ces balises sont directement placées dans les balises <table>.
En vérité, ces balises sont même des demi-lignes de tableau : la ligne est ouverte avec la première, et fermée avec la seconde.

{L_WHOSBIRTHDAY_TODAY} est remplacé à l'affichage par (modulo le texte affiché bien sûr) :

Code:

<tr><td class="row1"><span class="gensmall">Aucun membre ne fête son anniversaire aujourd'hui<br>

et {L_WHOSBIRTHDAY_WEEK} est remplacé par :

Code:

Aucun membre ne fête son anniversaire dans les 7 prochains jours</span></td></tr>

Il faut donc prendre en compte cette particularité dans votre structure.
Par exemple, essayez de remplacer :

Code:

              <table border-collapse="collapse" border="0" cellpadding="0" cellspacing="0"><tr><td>
                <div class="cadreanniv"> {L_WHOSBIRTHDAY_WEEK} </div></td></tr>
                <tr><td>
                  <div class="cadreanniv">  {L_WHOSBIRTHDAY_TODAY} </div></td></tr></table>

par :

Code:

              <table border-collapse="collapse" border="0" cellpadding="0" cellspacing="0" class="cadreanniv"><tr><td class="row1"><span class="gensmall"> {L_WHOSBIRTHDAY_WEEK}
  {L_WHOSBIRTHDAY_TODAY} </span></td></tr></table>

[One.]

Si j'applique ce code, il ce passe que du coup les deux balises refusent le CSS.

[MlleAlys]

Parce que votre code css ne vise pas le bon élément. Plutôt que ".cadreanniv", utilisez ".cadreanniv span" et ajoutez-lui un "display: block;" :
Par exemple :

Code:

.cadreanniv span {
  display: block;
  width: 450px;
  background-color: #353535;
  font-size: 10px;
  text-transform: uppercase;
}

[One.]

Oh c'est génial,Ca fonctionne !
Merci beaucoup à toi, et d'autant plus pour ta rapidité !

Problème résolue !
Je te souhaite une bonne soirée. Et merci encore.