accessibilité
|
logo article ou rubrique
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.

Article mis en ligne le 3 février 2017
dernière modification le 3 février 2020

par Virginie Favrat

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.