Texte "dernier message" dépassant de la case
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Texte "dernier message" dépassant de la case
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
Dernière édition par Arkaline le Ven 06 Mai 2016, 13:00, édité 1 fois
Re: Texte "dernier message" dépassant de la case
Petit up du sujet
Re: Texte "dernier message" dépassant de la case
Nouvel up du sujet
Re: Texte "dernier message" dépassant de la case
Petit up du sujet
Personne n'a de solution à ce probléme? :s
Personne n'a de solution à ce probléme? :s
Re: Texte "dernier message" dépassant de la case
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
Avec sa « span class » d'origine et d'arriver à ceci
Si cela ne fonctionne pas, n'hésite pas à partager le CSS relatif aux modifications apportées.
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- Nouveau membre
- Messages : 4
Inscrit(e) le : 29/01/2016
Re: Texte "dernier message" dépassant de la case
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:
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;
}
Re: Texte "dernier message" dépassant de la case
Petit up du sujet
Re: Texte "dernier message" dépassant de la case
Nouvel up du sujet
Re: Texte "dernier message" dépassant de la case
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 :
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;
}
MlleAlys- Membre actif
- Messages : 5747
Inscrit(e) le : 12/09/2012
Re: Texte "dernier message" dépassant de la case
Bonjour Mlle Alys, et merci de ta réponse
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 Est-ce possible?
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 Est-ce possible?
Re: Texte "dernier message" dépassant de la case
Pour réduire la taille du texte, vous pouvez utiliser le code css suivant :
- Code:
td.row3Right .postdetails {
font-size: 10px;
}
MlleAlys- Membre actif
- Messages : 5747
Inscrit(e) le : 12/09/2012
Re: Texte "dernier message" dépassant de la case
Merci! Avec ce petit code miracle tout est parfait
Je passe le tout en résolu
Je passe le tout en résolu
Sujets similaires
» Catégories, case du "dernier message"
» Apparence case " dernier message"
» Case " dernier message " à gauche
» Sujet, dernier message dans des case
» Tout regrouper dans la case du dernier message posté
» Apparence case " dernier message"
» Case " dernier message " à gauche
» Sujet, dernier message dans des case
» Tout regrouper dans la case du dernier message posté
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum