[RÉGLÉ] Taille module sur Joomla

[Biboun]

Bonjour,

Voici mon site : www.esplweb.fr/eta101

J'ai un problème avec la taille de mon module "menu", a gauche du site. A droite, j'ai deux modules dont j'ai pu gérer la taille d'affichage en pixel. Sur Joomla, j'ai l'impression que tout est en pourcentage.

La question : Comment est ce que je peux configurer la taille de ce module "Menu" en pixel ?

[pmleconte]

Re : Taille module sur Joomla

Bonsoir,

Cela est paramétré dans votre template( ligne 97 de template.css qui est à 15%).

Ceci dit, il faut éviter de mettre des tailles "en dur" si vous souhaitez utiliser le mode "responsive".

Pascal

[Biboun]

Re : Taille module sur Joomla

D'accord. Donc si à la ligne 97 je modifie les "15%" en "180p", cela fonctionnera ?

En etudiant la question depuis quelques jours, j'ai bien compris la difference et l'utiliter du mode responsive et du mode "en dur", mais mes deux modules (gametracker + pub) sont configurer en CSS donc en dur.

Il y aurai une solution pour que tout soit responsive ou tout en dur ?

[PhilJ]

Re : Taille module sur Joomla

Bonjour,

D'accord. Donc si à la ligne 97 je modifie les "15%" en "180p", cela fonctionnera ?

La ligne 97 définit la colonne de gauche à 15 % :

<div class="column column1" id="left">

...

</div>

donc elle est coordonnée avec la zone située à sa droite, qui fait nécessairement 85 %. En l'occurrence, c'est :

<div class="column main row-fluid" id="main">

...

</div>

container qui est en effet défini à 85 % à la ligne 105.

Ensuite, ces 85 % sont eux-mêmes subdivisés en 2 zones :

1 – D'une part, à la ligne 109, avec 82.3529 % (des 85 % définis précédemment) pour la zone centrale :

<div class="column center " id="center">

...

</div>


2 – D'autre part, à la ligne 101, avec 17.6471 % (toujours des 85 % définis précédemment) pour la zone à droite :

<div class="column column2" id="right">

...

</div>



_______________________

Vous pouvez agir facilement sur ces pourcentages, mais en gardant toujours à l'esprit qu'une zone subdivisée a par définition une largeur de 100 % :

• 15 % + 85 % = 100 %

• 82.3529 % + 17.6471 % = 100 %

Au passage, vous ne devriez pas élargir seulement le container #left contenant le menu situé à gauche, mais aussi le container #right, dont la largeur ne peut jamais dépasser 144 px, même sur grand écran, alors que vous y logez un iframe de 180 px.

Ce qui sera moins évident, ce sera de prévoir les adaptations pour les tablettes et les smartphones.


Conseil : inutile de tester votre site avec de nombreux écrans. Utilisez la vue adaptative de Firefox (CTRL+MAJ+M sous Windows). Plus d'informations chez Mozilla : https://developer.mozilla.org/fr/doc...Vue_adaptative.



Cordialement,

[Biboun]

Re : Taille module sur Joomla

Résolu ! Merci pour votre aide