Décalage du logo du forum et des images dans les sujets.

[Defarax]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Safari
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Sans doute depuis la création du forum, mais je ne m'en suis aperçu qu'aujourd'hui.
Lien du forum : http://leroyaumedelagrume.forumactif.org

Description du problème

Bonsoir à toutes et à tous !

Je viens vers vous aujourd'hui car je suis actuellement sur la création d'un forum, et je rencontre quelques difficultés (Je pense d'ailleurs que je serai amené à venir implorer votre aide pour d'autres problèmes d'ici peu ! )

Bref, je ne sais pas trop comment expliquer mon problème, je vais essayer d'être le plus précis possible.

Quand je suis en plein écran avec ma page internet (que celle-ci prend toute la largeur de mon écran), je n'ai aucun soucis de décalage en ce qui concerne le logo.
Cependant, quand je réduis la taille de la page internet, le logo du forum se décale.

Je vous joins deux premières images pour que vous vous rendiez compte du problème :

En plein écran :



En taille "réduite" :





En ce qui concerne mon second problème, il s'agit de des images postées dans des sujets sont "rognées" à droite quand je suis en plein écran.

Le phénomène de rognage est amplifié lorsque je passe mon navigateur en taille réduite.

Deux dernières images pour illustrer le problème :

En plein écran :



En taille réduite :




Ces deux problèmes ne seraient-ils pas liés ?
Comment pourrait-on empêcher ces deux choses d'arriver ?

Je vous remercie d'avance pour vos réponse, et vous souhaite une bonne fin de soirée !

Romain

PS : Le forum est en construction, si vous allez voir celui-ci, vous verrez sans doute d'autres choses qui ne vont pas, mais j'aimerais résoudre ce problème avant tout ! :p

[MlleAlys]

Bonjour,
Le problème de décalage provient effectivement de la trop grande taille des images. Une alternative peut être de limiter leur taille pour que ces dernières ne dépassent pas de leur contenant : La taille des images sera réduite en même temps que la largeur du forum
Dans Affichage > couleurs > onglet "feuille de style css", ajoutez les codes suivants :
Pour la banière :

Code:

#logo img {
  max-width: 100%;
}

Pour les images dans les messages :

Code:

.postbody img {
  max-width: 100%;
}

[Defarax]

Bonsoir !

Tout est bon, merci beaucoup !

Bonne fin de soirée !

Romain