Créer un tableau invisible

Utiliser un tableau pour la mise en page dans un site Web ? C’est mal ! ;)
Il n’empêche que vous êtes nombreux à en avoir besoin à un moment ou un autre.

Voici comment procéder pour que les bordures et l’arrière plan de quelques tableaux soient invisibles.

 Modifier le fichier perso.css

A faire une fois pour toutes

  • Se connecter en SFTP sur le serveur.
  • Éditer le fichier perso.css qui se trouve dans le dossier squelettes/styles ou à défaut le créer.
  • Coller ces lignes dans votre fichier :
  • Enregistrer (sur le serveur) le fichier modifié.

 Dans l’article contenant le tableau

A faire pour chaque tableau que l’on veut rendre « invisible »

  • Dans l’article, ajouter le code suivant juste AVANT le tableau : <div id="tableau-invisible">
  • Ajouter le code suivant juste APRÈS le tableau :</div>
  • Enregistrer l’article et voilà ;-)

 Exemples :

Tableau invisible
Colonne 1 Colonne 2
texte là aussi
encore et toujours
Tableau classique
Colonne 1Colonne 2
texte là aussi
encore et toujours


N’oubliez pas de vider régulièrement le cache de votre navigateur quand vous faites des modifications sur votre site.