[RÉGLÉ] aligner deux modules (cote à cote) dans une même position

[Eureka]

Bonjour

J3.2.3, Protostar en local.

j'ai crée deux modules (contenu personnel) dans la position 3 de Protostar (Positions 8,3,7),
mais les deux modules sont l'un au dessus de l'autre. Je veux qu'ils soient alignés cote à cote et
qu'il occupent toute la largeur de la position 3, tout en étant flexible quant au contenu
(sans définir hauteur et largeur).

J'ai galéré pas mal de temps et essayé plusieurs tutoriels et sujets similaires sur le forum,
mais sans résultat.

Merci de m'aider à dépasser ce souci.

[lomart]

Re : aligner deux modules (cote à cote) dans une même position

Bonjour,

Il faut créer un module contenu personnalisé dans lequel on fait 2 loadposition avec les modules concernés.
Il faut bien entendu adapter le css pour qu'ils restent sur la même ligne avec un float par exemple

[webcrea]

Re : aligner deux modules (cote à cote) dans une même position

protostar est assez basique, le conseil de lomart est pertinent mais tu aurais tout à gagner à utiliser un template qui te permette d'afficher des modules sur plusieurs colonnes ou, éventuellement, ajouter une position à protostar pour te permettre de le faire..

[Rajoz]

Re : aligner deux modules (cote à cote) dans une même position

Avec Protostar, il reste la possibilité de définir une largeur aux deux modules. C'est pas tout-à-fait ce qui était demandé mais les modules restent responsive et c'est facile à faire.

Dans les paramètres avancés des modules :

• Taille Bootstrap = 0 à 12 colonnes (le total des deux modules doit faire 12, par ex: 6+6, 3+9, 7+5, 4+8, etc., cela peut être utilisé aussi pour plusieurs modules en respectant le total de 12)
• Style du module = html5 (important pour que le paramètre précédent soit pris en compte)

Amicalement,
Rajoz

[lomart]

Re : aligner deux modules (cote à cote) dans une même position

Astucieux ta solution Rajoz. J'ai appris quelque chose aujourd'hui, merci.
Par contre, j'ai un souci car les 2 spanX ne sont pas inclus dans un row. Ce qui a pour conséquence, faute de clear, de faire mettre le titre de l'article sous le dernier module de la position-3

Je reste donc sur ma suggestion
<div class="row">
<div class="span6">{loadposition position-3-gauche}</div>
<div class="span6">{loadposition position-3-droite}</div>
</div>

[Eureka]

Re : aligner deux modules (cote à cote) dans une même position

Bonsoir à tous

Merci pour vos réponses.

Il faut créer un module contenu personnalisé dans lequel on fait 2 loadposition avec les modules concernés.
Il faut bien entendu adapter le css pour qu'ils restent sur la même ligne avec un float par exemple

Pour lomart, je ne peux pas suivre, je souhaite un peu plus d’éclaircissement, si tu le permet bien sur (question de débutant) .

webcrea a dit:

protostar est assez basique, le conseil de lomart est pertinent mais tu aurais tout à gagner à utiliser un template qui te permette d'afficher des modules sur plusieurs colonnes ou, éventuellement, ajouter une position à protostar pour te permettre de le faire..

Je suis allé trop loin pour changer le template, je progresse en realité avec un grand effort (sacré débutant, il faut le reconnaître).

Rajoz a dit:

Avec Protostar, il reste la possibilité de définir une largeur aux deux modules. C'est pas tout-à-fait ce qui était demandé mais les modules restent responsive et c'est facile à faire.

Dans les paramètres avancés des modules :
Taille Bootstrap = 0 à 12 colonnes (le total des deux modules doit faire 12, par ex: 6+6, 3+9, 7+5, 4+8, etc., cela peut être utilisé aussi pour plusieurs modules en respectant le total de 12)
Style du module = html5 (important pour que le paramètre précédent soit pris en compte)

J'ai testé l'astuce, mais ça m'a donné comme un seul module centré dans la position 3 contenant deux colonnes
avec deux titres

Astucieux ta solution Rajoz. J'ai appris quelque chose aujourd'hui, merci.
Par contre, j'ai un souci car les 2 spanX ne sont pas inclus dans un row. Ce qui a pour conséquence, faute de clear, de faire mettre le titre de l'article sous le dernier module de la position-3

Je reste donc sur ma suggestion
<div class="row">
<div class="span6">{loadposition position-3-gauche}</div>
<div class="span6">{loadposition position-3-droite}</div>
</div>

Pour cette dernière proposition, ça va me pousser à courir pour premièrement comprendre de quoi s'agit-il, et ensuite
mettre en ouvre le style.

Je vous ferais part du résultats.

Merci à vous.

[Eureka]

Re : aligner deux modules (cote à cote) dans une même position

Bonsoir

Lomart a dit:

Je reste donc sur ma suggestion
<div class="row">
<div class="span6">{loadposition position-3-gauche}</div>
<div class="span6">{loadposition position-3-droite}</div>
</div>

J'ai fait quelque avancée.
J'ai mis le HTML dans le fichier index.php. Declarer les deux positions dans le fichier XML:
<position>position-3-gauche</position>
<position>position-3-droite</position>

Le resulta: j'ai sur le site deux ligne de contenu l'un à gauche l'autre à droite comme ceci:

{loadposition position-3-gauche} {loadposition position-3-droite}

le contenu que j'ai mis dans les paramètres de chaque module n'est pas affiché

Reste t-il quelques choses que je n'ais pas mis. Ça s'est sur! Mais les quels.

Merci pour vos coups de main

[lomart]

Re : aligner deux modules (cote à cote) dans une même position

Non, il ne faut toucher ni à l'index.php, ni au templateDetails.xml

1 / il faut donner comme position aux 2 modules à insérer les positions: position-3-gauche et position-3-droite en tapant directement le nom au lieu de choisir dans la liste.

2/ créer un nouveau module personnalisé en position-3 avec le code que j'indique.
Attention, dans l'onglet paramètres de ce module, il faut mettre Plug-ins de contenu à oui

[Eureka]

Re : aligner deux modules (cote à cote) dans une même position

Bonsoir

1) Fait sans problème.
2) Le module créer en position 3 avec ton code proposé sans problème .

Enfin j'ai deux modules cote à cote dans une même position grâce à ton aide

Merci lomart de ton assistance fructueuse .

Un autre petit souci concernant un message qui s'affiche sur le site de temps en temps:

"" Message Performing maintenance (cleanup)... ""

Je ne sais pas ce qui veut dire et qu'est ce que je doit faire pour qu'il cesse d’apparaître.
Merci pour tout ton aide.

[lomart]

Re : aligner deux modules (cote à cote) dans une même position

Bonjour,

Je suis content que ton problème soit résolu.
Il faudrait passé ce topic en réglé et en créer un nouveau pour l'autre souci avec un titre en rapport.

Bonne journée