problème de css + décalage code à l'ajout de la page d'accueil

[mzwdaily]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : ajout du code de la page d'accueil dans généralités >> page d'accueil et du CSS liée à la PA dans la feuille de style
Lien du forum : http://whatsuprosehill.forumactif.com

Description du problème

Bonjour, c'est encore moi

J'ai ajouté une page d'accueil à mon forum et comme le montre la capture d'écran, le contenu est décalé sur la droite... Je n'arrive pas à trouver l'origine du problème dans le css.
De plus, depuis l'ajout de la page d'accueil (probablement son CSS) certains changements / bugs sont apparus sur le reste du forum:

- police des pseudos du dernier message posté
- décalage de l'avatar dans son cadre sur l'avatar du dernier à avoir posté

Spoiler:

la police du dernier pseudo à avoir posté est normalement: Fjalla One
et l'avatar est normalement centré dans le cadre avec un léger espace autour.

- fond du forum blanc au lieu d'être de cette couleur: #7F9881


Voici le code mis dans affichage >> page d'accueil - généralités :

Spoiler:

Voici l'intégralité de mon CSS sur mon forum:

Spoiler:

Je tiens à préciser que mon forum est constitué de codes libres services pris sur diverses ressources en ligne... De ce fait, certains noms de classe peuvent paraître incohérents... ou peut-être créer des "courcuits" entre les codes?

Je vous remercie BEAUCOUP pour votre aide, toujours très efficace!

EDIT: à noter que les bugs n'apparaissent que sur la page d'accueil du forum, et plus quand on est dans les sous forums

[MlleAlys]

Bonjour,

- Concernant le positionnement de la page d'accueil, l'utilisation de positions relatives est loin d'être idéale, le mieux aurait été de refaire un code plus approprié.
Cependant, si cela n'est pas dans vos projets, vous pouvez replacer correctement le tableau dans son "cadre" de base en ajoutant dans votre css la propriété text-align:left; à l'élément .tableau : Le premier élément se placera alors bien à gauche et les autres à sa droite resteront dans le cadre.

- Concernant le fond de page blanc, celui-ci vient du css lié avec la page d'accueil. Il y a dedans (entre autres) un fond blanc appliqué au body. Comme cette css est liée dans votre page d'accueil, elle ne s'applique au forum que si la page d'accueil est affichée. Il faudrait à nouveau pouvoir reprendre cette css du début pour ne garder que ce qui est réellement utile....
En "pansement" sinon, vous pouvez écraser cette couleur de fond en rajoutant dans votre css la bonne couleur de fond : à l'élément body déjà présent dans votre css ligne 9, ajoutez la propriété :
background: #7F9881 !important;

- Difficile pour moi de dire ce qu'il en est pour le pseudo du dernier posteur, votre template semble modifié à cet endroit, donc les codes ne s'appliquent pas de la même façon sur mon forum test. Cela pourrait venir à nouveau du css lié dans la page d'accueil, comme le fond de page blanc.

- concernant l'avatar décalé, je ne vois pas de rapport avec la PA, simplement que dans votre css, à l'élément .lastpost-avatar (le cadre autour de l'avatar), vous avez appliqué une largeur de 40px et une hauteur de 64px ; et à l'élément .lastpost-avatar img (donc l'image à l'intérieur) vous avez appliqué exactement les mêmes dimensions, 40px de large et 64px de haut.
Sauf qu'il est sensé y avoir en plus, entre l'image et son cadre, un espace (padding) de 2px.... Donc si on fait le calcul de l'image + la marde de 2px, ça ne rentre plus dans le cadre ! L'image dépasse, et donc n'est plus centrée.
Pour corriger ce problème, localisez .lastpost-avatar dans votre css et appliquez lui une largeur de 46px (40px pour l'image, deux fois 2px de chaque côté pour les marges, et deux fois 1px pour les bordures) et une hauteur de 70px (même principe, je vous laisse faire le calcul par vous même).

[Chacha]

Bonjour, Attention, cela fait 7 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[mzwdaily]

Bonjour,

Désolée du temps de réponse!

MlleAlys , Merci beaucoup pour les astuces!!! ça fait tout à fait sens et ça résout les problèmes!

Concernant le last post avatar, je ne comprends pas en quoi changer ma page d'accueil a créé ces soucis mais désormais tout est arrangé grâce à vos astuces et l'utilisation de nouveaux codes, merci!


Problème résolu