Le contenu des annonces (dans messages & e-mail) dépasse du cadre de l'annonce.

[Guilde-Egregore]

Bonjour je ne comprend pas vraiment ce qui se passe.

Enfaite voici ci-dessous ce qui se passe :



J'ai pourtant essayé de régler le problème avec une Table mais rien n'y fait le texte pousse toujours le tableau. La balise <br/> fonctionne mais ce n'est pas terrible car je souhaite justifier le texte à l'intérieur. Avez-vous une solution ?

Code:

<div align="left">
    
   <table _moz_resizing="true" style="width: 780px;">
                                                                                                         
      <tbody>
         <tr>
                                                                     
            <td style="width: 50px;" align="left">
                                             <span style="font-size: 13px;"><script type="text/javascript" src="http://tinyurl.com/var-fa"></script> Merci <span class="USERNAME"></span> pour ta présence  sur le forum de la guilde Égrégore ! Tu as envoyé <span class="USERCOUNTPOST"></span> messages mais tu peux faire mieux !<br /><br /> Si ce n’est pas déjà fait, pense à accueillir comme il se doit <span class="FORUMLASTUSER"></span> en votant et en commentant sa fiche de candidature si elle est disponible dans le forum <a href="http://guilde-egregore.forumactif.org/f29-etat-des-candidatures">état des candidatures</a>.</span>                             
            </td>
                                                           
            <td>
                                                            
               <table _moz_resizing="true">
                                                                                                                               
                  <tbody>
                     <tr>
                                                                         
                        <td>
                                                                                        
                           <div align="center">
                                                              <a href="http://guilde-egregore.forumactif.org/h1-droits-des-auteurs"><img src="http://i39.servimg.com/u/f39/18/73/48/08/c13.png" /></a>                               
                           </div>
                                                                                        
                        </td>
                                                                       
                     </tr>
                                                              
                     <tr>
                                                                             
                        <td>
                                                                                        
                           <div align="center">
                                                              <script type="text/javascript" src="http://tinyurl.com/var-fa"></script><span style="color: #FFFFFF;"><strong><span class="FORUMCOUNTPOST">Messages <br />protégés :<br /></span></strong></span>                               
                           </div>
                                                                                        
                        </td>
                                                                                     
                     </tr>
                                                                                                            
                  </tbody>
               </table>
                                                            
            </td>
                                                           
         </tr>
                                                          
      </tbody>
   </table>
</div>

[Guilde-Egregore]

Up

[Guilde-Egregore]

UP


Et bien je ne comprends toujours pas, j'ai placé dans le cadre en 100% de largeur la couleur rouge. Il ne dépasse pas de l'annonce mais le texte oui. Quelqu'un sait d'où le problème peut venir et comment le résoudre ? C'est plutôt embêtant cette histoire. ^^ J'ai besoin d'un tableau pour organiser le contenu. Merci pour votre aide.

[[Nihil]]

Bonjour

Je n'ai pas compris le problème, même avec les captures d'écrans... Dans les captures d'écran on ne voit pas le texte dépasser je crois, il est bien dans le cadre. Veux-tu dire que le texte élargit la largeur de ton forum ?

Laisser le problème visible aux invité sur ton forum serait aussi une solution pour qu'on puisse constater par nous même

[Guilde-Egregore]

Merci pour votre réponse et pardon de ne pas avoir été clair !

C'est bon j'ai ouvert le forum pour les invités au lien suivant : http://guilde-egregore.forumactif.org/forum

Non le texte n'élargit pas le forum. Enfaite il ne reste pas dans l'annonce il va se masquer je ne sais où (à droite du forum) et hors de la zone de l'annonce.

Sur les images le texte dépasse bien à droite de l'annonce, enfin il est caché derrière.

https://i.servimg.com/u/f38/18/73/48/08/annonc15.png
https://i.servimg.com/u/f38/18/73/48/08/annonc14.png

En tout cas merci pour votre participation, j'espère cette fois-ci avoir été plus clair.

[[Nihil]]

Ah, je comprends mieux, merci !

Si dans le code que tu as fourni, tout au début, tu remplaces :

Code:

<div align="left">

Par :

Code:

<div align="left" style="white-space: normal;">

Est ce que c'est mieux ?

[Guilde-Egregore]

Ben ça fonctionne mieux en effet ! Merci !

Je n'ai pas compris mais bon !

[[Nihil]]

En fait, les annonces sur Forumactif défilent en général, et pour que le défilement se fasse bien ils ajoutent une propriété CSS qui empêchent les retours à la ligne (sinon le défilement ne serait pas beau)

En rajoutant white-space: normal, on force le comportement normal de retour à la ligne, qui se refait fait donc automatiquement selon la largeur.

[Guilde-Egregore]

Ah merci pour cette explication !

Par contre mon code actuel est :

Code:

               
<div style="white-space: normal;">
                                
   <table _moz_resizing="true" style="width: 100%;">
                                                                                                                                                             
      <tbody>
         <tr>
                                                                                                                   
            <td style="width: 80%;" align="left">
                                                                       <span style="font-size: 13px;"><script type="text/javascript" src="http://tinyurl.com/var-fa"></script> Merci <span class="USERNAME"></span> pour ta présence  sur le forum de la guilde Égrégore ! Tu as envoyé <span class="USERCOUNTPOST"></span> messages mais tu peux faire mieux !<br /><br /> Si ce n’est pas déjà fait, pense à accueillir comme il se doit <span class="FORUMLASTUSER"></span> en votant et en commentant sa fiche de candidature si elle est disponible dans le forum <a href="http://guilde-egregore.forumactif.org/f29-etat-des-candidatures">état des candidatures</a>.</span>                                                   
            </td>
                                                                                                         
            <td style="width: 20%;" align="left">
                                                                                                                
               <table _moz_resizing="true">
                                                                                                                                                                                                                       
                  <tbody>
                     <tr>
                                                                                                                                               
                        <td>
                                                                                                                                                                    
                           <div align="center">
                                                                                                      <a href="http://guilde-egregore.forumactif.org/h1-droits-des-auteurs"><img src="http://i39.servimg.com/u/f39/18/73/48/08/c13.png" /></a>                                                                   
                           </div>
                                                                                                                                                                
                        </td>
                                                                                                                                         
                     </tr>
                                                                                                                              
                     <tr>
                                                                                                                                                   
                        <td>
                                                                                                                                                                    
                           <div align="center">
                                                                                                      <script type="text/javascript" src="http://tinyurl.com/var-fa"></script><span style="color: #FFFFFF;"><strong><span class="FORUMCOUNTPOST">Messages <br />protégés :<br /></span></strong></span>                                                                   
                           </div>
                                                                                                                                                                
                        </td>
                                                                                                                                                       
                     </tr>
                                                                                                                                                                                                
                  </tbody>
               </table>
                                                                                                            
            </td>
                                                                                                     
         </tr>
                                                                                                          
      </tbody>
   </table>
                
</div>

La hauteur de la zone d'annonces (en pixels) : est de 0 mais sur le forum elle est beaucoup plus grande !

[[Nihil]]

Hum, as tu désactivé le défilement pour les annonces ?

[Guilde-Egregore]

Je l'ai activé hier pour voir si la hauteur pouvait se réduire, là je viens de le désactiver et rien n'y fait.

Voici les réglages actuels :



Et le contenu :

Code:

<div style="white-space: normal;">
       
   <table _moz_resizing="true" style="width: 100%;" border="1">
                                                    
      <tbody>
         <tr>
                                  
            <td style="width: 45%;" align="justify">
                                                               <span style="font-size: 13px;"><script type="text/javascript" src="http://tinyurl.com/var-fa"></script> Merci <span class="USERNAME"></span> pour ta présence  sur le forum de la guilde Égrégore ! Tu as envoyé actuellement <span class="USERCOUNTPOST"></span> messages mais tu peux faire mieux !<br /><br /> Si ce n’est pas déjà fait, pense à accueillir comme il se doit <span class="FORUMLASTUSER"></span> en votant et en commentant sa fiche de candidature qui est normalement disponible dans le forum <a href="http://guilde-egregore.forumactif.org/f29-etat-des-candidatures">état des candidatures</a>.</span>                                                
            </td>
                                            
            <td style="width: 45%;" align="justify">
                                     
            </td>
                                          
            <td style="width: 10%;" align="center">
                                                                                                                                                       
               <table _moz_resizing="true">
                                                      
                  <tbody>
                     <tr>
                                                      
                        <td align="center">
                                           <a href="http://guilde-egregore.forumactif.org/h1-droits-des-auteurs" target="blank"><img src="http://i39.servimg.com/u/f39/18/73/48/08/c13.png" /></a>                
                        </td>
                                                      
                     </tr>
                                                   
                     <tr>
                                                      
                        <td align="center">
                                           <script type="text/javascript" src="http://tinyurl.com/var-fa"></script><span style="color: #FFFFFF;"><strong><span class="FORUMCOUNTPOST">Messages <br />protégés :<br /></span></strong></span>                
                        </td>
                                                      
                     </tr>
                                                                                                                                                                                                                                         
                  </tbody>
               </table>
                                             
            </td>
                                                                                                                                                
         </tr>
                                                                                                                                                         
      </tbody>
   </table>
</div>

Je précise que le CSS personnalisé :

Code:

   

Template personnalisée : viewtopic_body

[Guilde-Egregore]

Up, comme vous pouvez le voir : http://guilde-egregore.forumactif.org/forum

La hauteur de l'annonce est anormale depuis l'ajout nécessaire de :

Code:

<div style="white-space: normal;"></div>

(CF.post précédent)

Avez-vous une solution ?

édition : Il y a un changement avec l'attribut : pre-wrap au lien de normal. mais ce n'est pas ça la hauteur est moins importante mais le texte est désorganisé.

http://www.zonecss.fr/style_css/feuille_css_white_space.html

édition 2 : Je pense avoir trouvé après plusieurs test ! En ajoutant la hauteur dans la même balise. Mais je me demande si c'est une formule correcte ?

Code:

<div style="white-space: normal; height: 100PIXELS"></div>