Créer un tableau invisible

Écrit par Virginie Favrat, mis à jour le jeudi 13 avril 2023

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.

Dans la même rubrique

Campus du Libre

Événement autour du libre organisé par des personnes issues du milieu universitaire (étudiants et personnels) pour les étudiants lyonnais. L'objectif est de partager différents aspects du libre et des communs numériques, allant du logiciel libre (Gnu/Linux, Firefox, etc.) aux espaces communs gérés collaborativement (Wikipedia, OpenStreetMap). L'événement est gratuit.

Parcours Pix+édu

Les parcours Pix+édu offrent la possibilité, sur la base du volontariat et en moins de deux heures, de tester ses compétences numériques pour l’éducation, et d’accéder à des des tutoriels et ressources de formation en ligne.

Formation Admin ENT Kosmos

L’équipe de la Drane de Lyon vous propose cette année une formation à l’administration de l’ENT (…)