Texte "dernier message" dépassant de la case

3 participants

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

Résolu Texte "dernier message" dépassant de la case

Message par Arkaline Mar 26 Avr 2016, 17:29

Détails techniques


Version du forum : phpBB2
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
Lien du forum : http://gsu-test.lebonforum.com/

Description du problème

Bonjour !

Suite à la modification de l’apparence du forum (en passant par le CSS, ou les templates) je fais face à un souci que je n'arrive pas à corriger. En effet le texte des "derniers messages" des sujets (avec la date, l'heure) sorte du cadre :/

Comment faire pour corriger ce souci?

Voici, si-besoin, le templates index box:
Code:
<link href='https://fonts.googleapis.com/css?family=Montserrat|Raleway' rel='stylesheet' type='text/css' />
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td>
 <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </td>
 </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="fondcat" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
    <th colspan="4" nowrap="nowrap" class="titrecat">{catrow.tablehead.L_FORUM}<div class="barrecat"></div></th>
 </tr>
 <!-- END tablehead -->
 <!-- BEGIN forumrow -->
 <!-- BEGIN cathead -->
  <tr>
        <!-- BEGIN inc -->
 <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
 <!-- END inc -->
 <td colspan="4">
 <h1 class="titrecat">{catrow.cathead.CAT_TITLE}</h1>
 </td>
 </tr>
 <!-- END cathead -->
 <tr>
 <td>
 <img class="imgcat" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
 </td>
 <td>
 <h2 class="titrefrm">
 <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
 </h2>
 <div class="descricat">{catrow.forumrow.FORUM_DESC}</div>
 <div class="sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
 </td>
                <td>
                        <div class="catderniermessage">
                          <span class="topics">{catrow.forumrow.TOPICS}</span>
                          <span class="messages">{catrow.forumrow.POSTS}</span><br />
                          {catrow.forumrow.LAST_POST}
                        </div>
                </td>
 <td>
           
              <div class="avatardernierposter">
                          <!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar -->
                  </div>
 </td>
 </tr>
 <!-- END forumrow -->
 <!-- BEGIN catfoot -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
 <!-- END inc -->
 <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
 </tr>
 <!-- END catfoot -->
 <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Merci d'avance pour vos réponses Smile


Dernière édition par Arkaline le Ven 06 Mai 2016, 13:00, édité 1 fois
Arkaline

Arkaline
*

Messages : 41
Inscrit(e) le : 07/09/2011

http://code-valdam.forumactif.org/
Arkaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte "dernier message" dépassant de la case

Message par Arkaline Mer 27 Avr 2016, 19:01

Petit up du sujet Smile
Arkaline

Arkaline
*

Messages : 41
Inscrit(e) le : 07/09/2011

http://code-valdam.forumactif.org/
Arkaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte "dernier message" dépassant de la case

Message par Arkaline Jeu 28 Avr 2016, 18:28

Nouvel up du sujet Smile
Arkaline

Arkaline
*

Messages : 41
Inscrit(e) le : 07/09/2011

http://code-valdam.forumactif.org/
Arkaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte "dernier message" dépassant de la case

Message par Arkaline Ven 29 Avr 2016, 16:53

Petit up du sujet Smile

Personne n'a de solution à ce probléme? :s
Arkaline

Arkaline
*

Messages : 41
Inscrit(e) le : 07/09/2011

http://code-valdam.forumactif.org/
Arkaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte "dernier message" dépassant de la case

Message par Ashstag Ven 29 Avr 2016, 21:40

Bonsoir !

Chez moi, le problème n'est pas visible puisque le format de la date n'est pas similaire à celui sur la capture d'écran. Sans l'affichage de l'année, tout rentre. Néanmoins je peux comprendre l'envie d'avoir un autre format d'affichage pour la date, aussi je te propose d'essayer en entourant la variable

Code:
{catrow.forumrow.LAST_POST}

Avec sa « span class » d'origine et d'arriver à ceci

Code:
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>

Si cela ne fonctionne pas, n'hésite pas à partager le CSS relatif aux modifications apportées.
Ashstag

Ashstag
Nouveau membre

Messages : 4
Inscrit(e) le : 29/01/2016

Ashstag a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte "dernier message" dépassant de la case

Message par Arkaline Sam 30 Avr 2016, 12:23

Merci de m'avoir répondu Ashtag mais, hélas, j'ai essayé mais cela n'a pas fonctionné :/ ça dépasse toujours.

Si le changement de format de la date permet de corriger le souci, y a t-il un moyen de "forcer" les utilisateurs à utiliser un format de date plutôt qu'un autre? (comme ce n'est qu'une préférence dans le profil je doute... mais bon si ça permet de ne pas dépasser... :s)

Si mon CSS actuel peu aider à trouver la solution, le voici:
Code:
.fondcat{
  width:932px;
  margin-top:10px;
  margin-bottom:5px;
  padding-top:7px;
  padding-bottom:13px;
  margin:auto;
  padding-left:33px;
  padding-right:22px;
  background-color:#12203d;
  border-left:5px solid #0393da;
  border-right:5px solid #0393da;
}
.imgcat{
  position:relative;
  top:1px;
  width:100px;
  height:100px;
  margin-left:5px;
  border:1px solid #0393da;
}
.titrecat h2{
  position:relative;
  z-index:2;
  color:#12203d;
  font-size:25px;
  font-family: Impact;
  font-weight:normal;
  letter-spacing:2px;
  font-style:italic;
  text-shadow:0px 0px 5px #0393da;
  text-transform:uppercase;
  text-align:center;
}
.barrecat{
  z-index;1;
  position:relative;
  bottom:25px;
  width:850px;
  height:10px;
  margin:-15px auto -15px auto;
  background-color:#0393da;
  border-radius: 100% 100%;
  box-shadow:0px 0px 2px #0393da;
}
.titrefrm{
  position:relative;
  top:5px;
  font-size:18px;
  font-family: Impact;
  text-align:center;
  text-transform:uppercase;
  font-style:italic;
  font-weight:normal;
}
.titrefrm a{
  color:#0393da; /*Couleur du texte du forum*/
  text-decoration:none;
  transition:all 0.5s ease-out;
  -webkit-transition:all 0.5s ease-out;
}
.titrefrm a:hover{
  color:#FFFFFF; /*Couleur du texte du forum au survol*/
  letter-spacing:5px;
  text-decoration:none !important;
  transition:all 0.5s ease-in;
  -webkit-transition:all 0.5s ease-in;
}
.descricat{
  position:relative;
  bottom:5px;
  left:5px;
  width:500px;
  height:80px;
  border:1px solid #0393da;
}
.descricat img{
  width:500px;
  height:80px;
}
.descricat .texte{
  position:absolute;
  top:0px;
  width:480px;
  height:59px;
  margin:5px;
  padding:5px;
  background-color:#e4efef;
  border:1px solid #0393da;
  overflow:auto;
  text-align:justify;
  font-family: 'Raleway', sans-serif;
  font-size:12px;
  color:#304f8c;
  opacity:0;
  transition:all 0.4s ease-out;
  -webkit-transition:all 0.4s ease-out;
}
.descricat .texte:hover{
  opacity:1;
  transition:all 0.4s ease-in;
  -webkit-transition:all 0.4s ease-in;
}
.sousforum{
  position:relative;
  bottom:5px;
  left:5px;
  width:502px;
  min-height:18px;
  padding-top:2px;
  background-color:#0393da;
  border-bottom-left-radius:50% 75%;
  border-bottom-right-radius:50% 75%;
  text-align:center;
  font-size:0px;
}
.sousforum a{
  padding-right:10px;
  font-size:11px;
  color:#FFFFFF; /*Couleur des liens des sous-forum*/
  font-family: 'Montserrat', sans-serif;
  transition:all 0.5s ease-out;
  -webkit-transition:all 0.5s ease-out;
}
.sousforum a:hover{
  color:#304f8c; /*Couleur des liens du sous-forum au survol*/
  text-decoration:none !important;
  transition:all 0.5s ease-in;
  -webkit-transition:all 0.5s ease-in;
}
.catderniermessage{
  width:140px;
  height:80px;
  margin-top:1px;
  margin-left:5px;
  padding:10px;
  background-color:#12203d;
  border:1px solid #12203d;
  text-align:center;
  font-family:'Raleway', sans-serif;
  font-size:10px;
  color:#304f8c;
  line-height:20px;
}
.topics{
  padding-right:30px;
  font-size:20px;
  font-family: Impact;
  color:#2c4068; /*Mettre la couleur de fond du cadre derniermessage*/
  text-shadow:1px 1px 0px #0b1730; /*Couleur pour afficher le texte*/
}
.messages{
  padding-left:5px;
  font-size:25px;
  font-family: Impact;
  color:#2c4068; /*Mettre la couleur de fond du cadre derniermessage*/
  text-shadow:1px 1px 0px #0b1730; /*Couleur pour afficher le texte*/
}
.catderniermessage a{
  text-decoration:none;
  transition:all 0.5s ease-out;
  -webkit-transition:all 0.5s ease-out;
}
.catderniermessage a:hover{
  color:#727bc4; /*COuleur du liens du sujet au survol*/
  text-decoration:none !important;
  transition:all 0.5s ease-in;
  -webkit-transition:all 0.5s ease-in;
}
.avatardernierposter{
  width:66px;
  height:100px;
  margin-top:1px;
  margin-left:4px;
  margin-right:5px;
  border:1px solid #0393da;
  background-color:#12203d;
  overflow:hidden;
  visibility:visible;
}
.avatardernierposter img{ /*Redimenssion de l'avatar du dernier posteur*/
  margin-top:-5px;
  width:66px;
}
Arkaline

Arkaline
*

Messages : 41
Inscrit(e) le : 07/09/2011

http://code-valdam.forumactif.org/
Arkaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte "dernier message" dépassant de la case

Message par Arkaline Lun 02 Mai 2016, 12:05

Petit up du sujet Smile
Arkaline

Arkaline
*

Messages : 41
Inscrit(e) le : 07/09/2011

http://code-valdam.forumactif.org/
Arkaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte "dernier message" dépassant de la case

Message par Arkaline Mar 03 Mai 2016, 15:46

Nouvel up du sujet Smile
Arkaline

Arkaline
*

Messages : 41
Inscrit(e) le : 07/09/2011

http://code-valdam.forumactif.org/
Arkaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte "dernier message" dépassant de la case

Message par MlleAlys Mar 03 Mai 2016, 16:26

Bonjour,
Le template index box n'est pas celui qui correspond à l'affichage des sujets, il faudrait plutôt topics_list_box si vous l'avez modifié.
Essayez sinon d'ajouter le code suivant à votre feuille de style css :
Code:
td.row3Right {
  white-space: normal;
}
Cela devrait autoriser un retour à la ligne des textes trop longs dans la dernière cellule.
MlleAlys

MlleAlys
Membre actif

Messages : 5747
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte "dernier message" dépassant de la case

Message par Arkaline Jeu 05 Mai 2016, 17:30

Bonjour Mlle Alys, et merci de ta réponse Smile

Le template topics_list_box n'a jamais été modifié sur ce forum :s

J'ai essayé d'ajouter ce code dans mon css est en effet cela fonctionne, c'est déjà plus beau ça évite de dépasser du cadre! Merci!
Mais je préférais pouvoir réduire la taille de ce texte, car en faisant un retour à la ligne le tout prends un peu trop de place Mad Est-ce possible?
Arkaline

Arkaline
*

Messages : 41
Inscrit(e) le : 07/09/2011

http://code-valdam.forumactif.org/
Arkaline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte "dernier message" dépassant de la case

Message par MlleAlys Jeu 05 Mai 2016, 19:05

Pour réduire la taille du texte, vous pouvez utiliser le code css suivant :
Code:
td.row3Right .postdetails {
  font-size: 10px;
}
MlleAlys

MlleAlys
Membre actif

Messages : 5747
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte "dernier message" dépassant de la case

Message par Arkaline Ven 06 Mai 2016, 13:00

Merci! Avec ce petit code miracle tout est parfait Smile

Je passe le tout en résolu Yahoo
Arkaline

Arkaline
*

Messages : 41
Inscrit(e) le : 07/09/2011

http://code-valdam.forumactif.org/
Arkaline a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum