Largeurs des colonnes du portail.

[ombrageux]

Détails techniques

Version du forum : Invision
Poste occupé : Administrateur
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
Lien du forum : https://defoulloir.forumactif.com/

Description du problème

Bonjour,

Depuis quelques temps les largeurs des différentes colones du portail se sont modifiées et je n'arrive pas à changer les valeurs dans le panneau d'administration.

Quelque soit les valeurs en pourcentage que je mets, l'apparence du portail ne change pas.

Merci d'avance pour votre aide.

[Toryudo]

Bonjour !

Je vois que pour l'instant, vous êtes configuré comme ceci :
35% pour la colonne de gauche
0% pour la colonne du milieu
35% pour la colonne de droite

A priori, si vous changez la colonne de gauche de 35% à 10% et que vous enregistrez, je pense que vous devriez voir le changement.
Qu'est-ce que vous aimeriez avoir comme résultat ?

PS : c'est toujours mieux d'avoir 100% en tout, il faudrait donc mettre 30% pour la colonne du milieu.
A noter également que même en mettant un pourcentage très faible sur la colonne du milieu, elle restera plus grande que les autres ; ce sont plutôt les colonnes de gauche et droite qui peuvent être rétrécies.

[ombrageux]

Bonjour et merci pour la réponse,

Même si la colonne du milieu est plus large, j'aimerai augmenter celle des deux cotés.

Je pense que 30% 40% 30% serait bien et c'est ce que j'ai mis, mais visiblement, ça ne respecte pas les proportions sur le portail.

Est-ce que ça pourrait être dû à la tailles des photos qu'il y a dans la colonne du milieu ?

[Toryudo]

Oui, en effet : avec un 30% 40% 30%, la taille des photos aura une influence si elles sont supérieure à 660px environ (en tout cas, sur une résolution 1080p classique). Je vous propose un petit CSS pour corriger ça, qui permet de demander aux images de se redimensionner, si nécessaire, pour prendre au maximum 100% de la taille de la colonne sur laquelle elle se trouve :

Code:

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

On obtient alors ceci :

[ombrageux]

Merci pour la réponse, le CSS, je le mets à quel endroit ?

[ombrageux]

j'ai trouvé et ça fonctionne, merci beaucoup.