Largeur de page restreinte

[ChPr]

Bonjour à toutes et à tous,

Sur la page présentée dans ce lien, On voit que les menus et le bandeau supérieur s'étendent sur tout l'écran. Par contre, le texte de l'article est limité au 2/3 de la page. De plus, les deux images placées dans un tableau se trouvent limitées à largeur du texte de l'article, ce qui fait que mon image de droite est tronquée.

Comment faire pour que le texte et les images puissent remplir toute la largeur de la page.

Merci de votrer aide.

Pierre

[lomart]

Re : Largeur de page restreinte

Bonjour,
Le template utilisé est une réecriture du template BEEZ. Il faut regarder dans son fichier index.php les règles de calcul de la largeur des blocs (et en particulier wrapper2) en fonction de la présence de blocs latéraux.
En ce qui concerne le tableau, il faut éviter de mettre des largeurs en pixels et préférer les pourcentage. Dans le cas des 2 images, le tableau doit faire 100%, chacune des 2 colonnes 50% et l'image 100%. Pour la hauteur de l'image, mettre NaN (Not a Number)

[ChPr]

Re : Largeur de page restreinte

Merci lomart pour ces informations.

Avant que d'entrer dans le fichier index.php, je suis allé dans la gestion des templates où j'ai vu deux champs :
- Largeur de la colonne principale + modules = 53 %
- Largeur de la colonne principale seule = 72 %

J'ai modifié l'une, l'autre et les deux de ces valeurs : cela n'a strictement rien changé à la présentation.

Je suppose qu'il faut donc faire ce que tu me dis. Pour autant, mes connaissances en php ne sont pas suffisantes pour que je déniche ce qu'il faut changer dans ce fichier. Peux-tu me préciser à peu près où cela se trouve dans le fichier.

Cordialement.

Pierre

[lomart]

Re : Largeur de page restreinte

Actuellement la colonne principale est à 72%.
Donc en passant le paramètre "Largeur de la colonne principale seule = 72 %" à 100%, cela devrait le faire!
Fais cette première modif, je regarderais le code qui en découle

Après, il faudra voir pourquoi #wrapper2 .item-page a un max-width de 660px

[ChPr]

Re : Largeur de page restreinte

Actuellement la colonne principale est à 72%.
Donc en passant le paramètre "Largeur de la colonne principale seule = 72 %" à 100%, cela devrait le faire!
Fais cette première modif, je regarderais le code qui en découle ...

J'avais fait cette modif, mais cela n'a rien fait.

[lomart]

Re : Largeur de page restreinte

J'avais fait cette modif, mais cela n'a rien fait.

Cette modif seule ne suffit pas, d'où ma demande

Fais cette première modif, je regarderais le code qui en découle

[ChPr]

Re : Largeur de page restreinte

... Après, il faudra voir pourquoi #wrapper2 .item-page a un max-width de 660px

Comme une grosse brute, je suis allé dans mon fichier template/position.css et j'ai mis en commentaire la ligne limitant #wrapper2 .item-page à 660 px : tous mes articles s'étendent maintenant sur la largeur de la page. Je ne vois pas a priori d'effets collatéraux, mais ... Ce serait bon de savoir pourquoi cette limitation.

Cordialement.

Pierre