Membres connectés récemment
[PHPBB2] Souci sur un tag
4 participants
Page 1 sur 1
Hello Phil,
J'ai un petit souci que je ne parviens pas à résoudre Phil. J'espère que tu pourras m'aider à résoudre le problème.
Sur la capture écran ci-dessus, tu remarqueras que sur le premier message (Un message édité) que je suis ennuyé avec 2 br gênants !
Tu remarqueras sur cette même image sur le deuxième message qui n'a jamais été édité les traces du padding que j'ai placé dans le CSS servant sur le texte du message édité "Dernière édition par Mastermix le Ven 5 Oct 2018 - 23:53, édité 3 fois" Puisque ce deuxième message n'a jamais été édité, il ne devrait même pas avoir cette trace !
Template viewtopic_body : Ligne 219
Dans l'inspection du navigateur :
Css associé à la class editmess
Sur la capture écran ci-dessous Phil, sur le premier message, donc, celui qui a été édité 3 fois, qu'une fois que je supprime les 2 br dans l'inspection des éléments du navigateur cela reviens à la normale.
Après suppression des 2 br dans l'inspection des éléments du navigateur
Cependant sur le deuxième message, celui qui n'a jamais été édité, il garde les traces du padding alors qu'il ne devrait rien y avoir du tout !
Donc Phil, est-ce possible de faire en sorte de supprimer les 2 br gênants du tag ci-dessous ?
Et qu'il ne garde pas de trace du padding placée pour le texte en cas d'édition du message quand un message n'est pas édité ?
Si tu vas sur mon forum Phil, le template viewtopic_body n'est pas publié et pour voir utilise le sujet "teste sur un sujet dans liste des sujets"
Merci pour ton aide.
Sacha.
J'ai un petit souci que je ne parviens pas à résoudre Phil. J'espère que tu pourras m'aider à résoudre le problème.
Sur la capture écran ci-dessus, tu remarqueras que sur le premier message (Un message édité) que je suis ennuyé avec 2 br gênants !
Tu remarqueras sur cette même image sur le deuxième message qui n'a jamais été édité les traces du padding que j'ai placé dans le CSS servant sur le texte du message édité "Dernière édition par Mastermix le Ven 5 Oct 2018 - 23:53, édité 3 fois" Puisque ce deuxième message n'a jamais été édité, il ne devrait même pas avoir cette trace !
Template viewtopic_body : Ligne 219
- Code:
<span class="editmess">{postrow.displayed.EDITED_MESSAGE}</span>
Dans l'inspection du navigateur :
- Code:
<span class="editmess"><br><br>Dernière édition par Mastermix le Ven 5 Oct 2018 - 23:53, édité 3 fois</span>
Css associé à la class editmess
- Code:
.editmess {
background-color:#8b0000;
color:#fff !important;
padding: 3px;
}
Sur la capture écran ci-dessous Phil, sur le premier message, donc, celui qui a été édité 3 fois, qu'une fois que je supprime les 2 br dans l'inspection des éléments du navigateur cela reviens à la normale.
Après suppression des 2 br dans l'inspection des éléments du navigateur
- Code:
<span class="editmess">Dernière édition par Mastermix le Ven 5 Oct 2018 - 23:53, édité 3 fois</span>
Cependant sur le deuxième message, celui qui n'a jamais été édité, il garde les traces du padding alors qu'il ne devrait rien y avoir du tout !
Donc Phil, est-ce possible de faire en sorte de supprimer les 2 br gênants du tag ci-dessous ?
- Code:
{postrow.displayed.EDITED_MESSAGE}
Et qu'il ne garde pas de trace du padding placée pour le texte en cas d'édition du message quand un message n'est pas édité ?
Si tu vas sur mon forum Phil, le template viewtopic_body n'est pas publié et pour voir utilise le sujet "teste sur un sujet dans liste des sujets"
Merci pour ton aide.
Sacha.
Hello Sacha,
tu as déposé la variable qui gère les messages des éditions dans un span, et cette balise n'est pas réellement conçue pour recevoir un contenu.
J'ai donc remplacé par une div et revu le style de cette dernière en déposant un display:inline-flex.
Puis le script ajouté dans la gestion des scripts:
Qui supprimera le padding si le message n'a pas était édité
tu as déposé la variable qui gère les messages des éditions dans un span, et cette balise n'est pas réellement conçue pour recevoir un contenu.
J'ai donc remplacé par une div et revu le style de cette dernière en déposant un display:inline-flex.
- Code:
<div class="editmess"style="margin-top:4px;display: inline-flex;">{postrow.displayed.EDITED_MESSAGE}</div>
Puis le script ajouté dans la gestion des scripts:
- Code:
//On supprime le padding si pas d'édition
$(function(){
$('.editmess').each(function(){
if($('.editmess:empty').length)
{
$('.editmess:empty').css('padding','0px');
};
});});
Qui supprimera le padding si le message n'a pas était édité
Hello Phil,
Cela ne va pas trop bien Phil regarde la capture ci-dessous.
En appliquant une hauteur et une marge left, j'arrive à cela :
Le problème maintenant, c'est qu'il m'est impossible de remonter le texte seul dans l'encadrement rouge pour faire comme par exemple sur l'image ci-dessous
aurais-tu une solution ? Parce que là dans l'état actuel je ne peux pas conserver cela ainsi.
Merci pour ton aide.
Sacha.
Cela ne va pas trop bien Phil regarde la capture ci-dessous.
En appliquant une hauteur et une marge left, j'arrive à cela :
- Code:
.editmess {
background-color:#8b0000;
color:#fff !important;
padding: 3px;
height: 14px;
margin-left: 5px;
}
Le problème maintenant, c'est qu'il m'est impossible de remonter le texte seul dans l'encadrement rouge pour faire comme par exemple sur l'image ci-dessous
aurais-tu une solution ? Parce que là dans l'état actuel je ne peux pas conserver cela ainsi.
Merci pour ton aide.
Sacha.
Re Phil,
Bien vu Phil, je n'aurais jamais pensé à utiliser le float et line height en supprimant le display: inline-flex
Bête question, cela ne fonctionne que sur le premier poste ? Parce que j'ai voulu voire sur le deuxième poste, mais il ne notifie pas que le poste a été éditer comme celle du dessus !
Bien vu Phil, je n'aurais jamais pensé à utiliser le float et line height en supprimant le display: inline-flex
Bête question, cela ne fonctionne que sur le premier poste ? Parce que j'ai voulu voire sur le deuxième poste, mais il ne notifie pas que le poste a été éditer comme celle du dessus !
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum