Forum déformé après une réponse
2 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
Forum déformé après une réponse
Bonjour,
Je me permets de solliciter votre aide, car je viens de me rendre compte d'un problème sur le forum que mon équipe construit. En effet, tout va bien, jusqu'à ce que l'on poste une réponse à un sujet. Là, le corps du forum se décale, comme si les <div> se mélangeaient...
Voici les screens à l'état "normal" :
Et voici lorsque l'on poste une réponse :
Le template viewtopic_body est modifié, le code ci-dessous.
Et le css qui correspond à la partie du profil à gauche :
J'espère que vous réussirez à m'éclairer et à trouver une solution, je n'ai aucune idée d'où ça pourrait venir. Merci par avance !
Je me permets de solliciter votre aide, car je viens de me rendre compte d'un problème sur le forum que mon équipe construit. En effet, tout va bien, jusqu'à ce que l'on poste une réponse à un sujet. Là, le corps du forum se décale, comme si les <div> se mélangeaient...
Voici les screens à l'état "normal" :
- Spoiler:
- Spoiler:
Et voici lorsque l'on poste une réponse :
- Spoiler:
- Spoiler:
- Spoiler:
Le template viewtopic_body est modifié, le code ci-dessous.
Et le css qui correspond à la partie du profil à gauche :
J'espère que vous réussirez à m'éclairer et à trouver une solution, je n'ai aucune idée d'où ça pourrait venir. Merci par avance !
Re: Forum déformé après une réponse
je poste pour voir les codes
EDIT :
Il y a effectivement une erreur dans le tableau, lorsque vous avez déplacer les icones de contact je pense.
Essayez ainsi, template :
CSS :
EDIT :
Il y a effectivement une erreur dans le tableau, lorsque vous avez déplacer les icones de contact je pense.
Essayez ainsi, template :
CSS :
Dernière édition par MlleAlys le Jeu 12 Oct 2017 - 1:04, édité 1 fois
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Forum déformé après une réponse
Merci beaucoup pour votre réponse ! Ca marche nickel, le forum n'est plus déformé Je savais bien qu'on avait fait une bêtise, c'est ce qui arrive quand on bidouille sans savoir coder...
Par contre, les éléments du profil à gauche sont un peu décalés, du coup !
Il aurait fallu remonter l'ensemble pseudo+rang sous l'avatar, faire un saut de ligne entre le rang et le bloc infos, ainsi qu'entre le bloc infos et les icônes de contact, et enfin centrer celles-ci. Est-ce qu'en rajoutant des margin-top dans le css ça peut fonctionner ou bien est-ce que nous devons procéder autrement ?
Par contre, les éléments du profil à gauche sont un peu décalés, du coup !
- Spoiler:
Il aurait fallu remonter l'ensemble pseudo+rang sous l'avatar, faire un saut de ligne entre le rang et le bloc infos, ainsi qu'entre le bloc infos et les icônes de contact, et enfin centrer celles-ci. Est-ce qu'en rajoutant des margin-top dans le css ça peut fonctionner ou bien est-ce que nous devons procéder autrement ?
Re: Forum déformé après une réponse
les marges négatives sont à éviter un maximum, il existe d'autres solutions pour lacer des éléments à l'endroit voulu.
Déjà ici, commencer par comprendre d'où vient cet espace entre l'avatar et le pseudo.
Localisez le code css suivant :
Pour ajouter une marge sous le rang, localisez le code suivant :
Pour ajouter une marge au dessus des liens de contact et les centrer, localisez dans le template ce passage :
Déjà ici, commencer par comprendre d'où vient cet espace entre l'avatar et le pseudo.
Localisez le code css suivant :
- Code:
/* Image de fond de l'avatar */
.avatar_profil {
width: 215px;
height: 368px;
text-align: center;
}
- Code:
/* Image de fond de l'avatar */
.avatar_profil {
width: 215px;
text-align: center;
}
Pour ajouter une marge sous le rang, localisez le code suivant :
- Code:
.rang_profil {
text-align: center;
font-family: 'Times New Roman', serif;
font-size: 12px;
text-transform: lowercase;
}
- Code:
.rang_profil {
text-align: center;
font-family: 'Times New Roman', serif;
font-size: 12px;
text-transform: lowercase;
margin: 15px;
}
Pour ajouter une marge au dessus des liens de contact et les centrer, localisez dans le template ce passage :
- Code:
<div style="position:relative;">
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
<!-- BEGIN contact_field -->
{postrow.displayed.contact_field.CONTENT}
<!-- END contact_field -->
{postrow.displayed.ONLINE_IMG}
</div>
- Code:
<div class="contact_profil">
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
<!-- BEGIN contact_field -->
{postrow.displayed.contact_field.CONTENT}
<!-- END contact_field -->
{postrow.displayed.ONLINE_IMG}
</div>
- Code:
.contact_profil {
text-align: center;
margin-top: 15px;
}
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Forum déformé après une réponse
Je prends note pour les marges négatives. C'est parfait, je vous remercie pour votre aide Le problème est donc résolu !
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