• 0
Iron

Footer en 3 colonnes

Question

Iron    6

Bonjour,

 

J'essaye de me faire un footer en "3 colonnes", histoire de pouvoir y insérer 3 infos distinctes.

Lors du mode "édition", j'arrive à afficher mes 3 colonnes avec mes infos en m'aidant de ce que fait l'éditeur de texte avec "colonnes symétriques 4-4-4"(je recopie le code source en faite !)

Mais dès la validation du footer, bim, plus de mise en forme, plus rien.

 

Sauriez vous comment opérer ?

 

PS : Du coup, cela peut être une suggestion : améliorer l'édition du footer pour de la mise en forme dans en future mise à jour Zwii ? :kiss_closed:

Partager ce message


Lien à poster
Partager sur d’autres sites

6 réponses à cette question

Messages recommandés

  • 0
McGregor    5

Salut @Iron !

 

Solution rapide : colle ce code dans le zone "Texte du pied de page" de la "personnalisation du pied de page" :

<table style="border-collapse: collapse; width: 100%;" border="0">
<tbody>
<tr>
<td style="width: 33.3333%;">Info #1</td>
<td style="width: 33.3333%;">Info #2</td>
<td style="width: 33.3333%;">Info #3</td>
</tr>
</tbody>
</table>

Valide, et bim !

 

image.png.0bc7215b1d3d705cb4ae3676e5cd9268.png

Tu peux bien sure mettre le css à ton goût. ;)

 

Modifié par McGregor (Voir l’historique des modifications)

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
Iron    6

Merci McGregor.

 

Je n'y avais même pas songé.

 

Mais j'ai toujours un souci entre le moment de l'édition et la validation.

En édition, ça apparaît nickel, mais dès que je valide, j'ai cette fois-ci un espace très important en hauteur entre les logos des réseaux sociaux et mes colonnes.

Modifié par Iron (Voir l’historique des modifications)

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
McGregor    5

J'avais dit solution rapide...

 

image.png.062ca5eccb0d427ca90b5632ec8bd4f6.png

 

Keek ! J'ai fait tellement rapide que j'ai oublié le code. J'explique pas, tu regardes et tu comprends :

<table style="border-collapse: collapse; width: 100%;" border="0"><tbody><tr><td style="width: 33.3333%;">Info #1</td><td style="width: 33.3333%;">Info #2</td><td style="width: 33.3333%;">Info #3</td>
</tr></tbody></table>

 

Modifié par McGregor (Voir l’historique des modifications)

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
Iron    6
Il y a 6 heures, cybertaf a dit :

Cela dit c'est une bonne suggestion d'amélioration de l'interface. Je vais y songer.

+1

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant