2/3/4 Colonnes

Organiser votre mise en page sur plusieures colonnes

Exemple du composant Colonnes

Disponible sur...

Présentation

Le composant colonnes vous permet d'organiser votre mise en page sur plusieures colonnes.

Vidéo

Une vidéo explique les différents principes détaillés dans ce chapitre pour les sites :

Colonnestutos-typo3.univ-gustave-eiffel.fr

Ajout d'un nouveau composant Colonnes

1. Sur la page en mode , trouvez la section où vous souhaitez ajouter un composant Colonnes.

2. Cliquez sur le bouton "+ Contenu" pour ouvrir le sélecteur d'éléments.

3. Sélectionnez 2,3 ou 4 colonnes dans l'onglet Mise en page.

Pour les sites le composant est disponible dans l'onglet Container. Pour les sites le composant se trouve dans l'onglet Colonage.

Configuration du composant

1. Dans l'onglet Desktop, choisissez, en pourcentage, la largeur de chaqu'une des colonnes.

Si vous ne choisissez pas de largeur pour chacune des colonnes celles-ci ne s'afficheront pas correctement.

2. Enregistrez puis créer (ou déplacer) du contenu dans chacune des colonnes

3. Visualiser la page. Les contenus s'affichent maintenant sur 2 colonnes.

Dans cet exemple il aurait été possible de choisir le composant Contenu texte et image pour aboutir au même résultat. Mais contrairement à celui-ci le composant Colonnes permet de choisir la largeur des colonnes et donc de l'image.

Il est possible d'imbriquer des contenus Colonnes dans des contenus Colonnes pour des mise en page élaborées comme sur cet exemple :

Exemples

Vous pouvez trouver des exemples d'utilisation du composant colonnes sur la page :

Colonnestemplate.univ-gustave-eiffel.fr