This is the place for questions about learning design and pedagogy; how to use different page types for different purposes.

Tables: shadow effect border and background colours for cells

  • Jonathan Smith
  • Auteur du sujet
  • Hors Ligne
  • Administrateur
  • Administrateur
Plus d'informations
il y a 3 ans 1 mois #8617 par Jonathan Smith
Hi

Can anyone suggest a quick and easy way to add a border which creates a shadow effect for tables added through the Toolbar, and to change the background colour for cells? I'm hoping you can do this by dropping bits of code into the Source.

Best wishes

Jonathan Smith

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 3 ans 1 mois #8618 par Fay
You can add background colours to table cells by adding a style to the td:
<td style="background-color:red;">

You can add shadow to the whole table by adding to the style for the table tag:
<table border="1" cellpadding="1" cellspacing="1" style="width:100%; box-shadow: 8px 5px 5px 0px #aaa;">
Les utilisateur(s) suivant ont remercié: Jonathan Smith

Connexion ou Créer un compte pour participer à la conversation.

  • Jonathan Smith
  • Auteur du sujet
  • Hors Ligne
  • Administrateur
  • Administrateur
Plus d'informations
il y a 3 ans 4 semaines #8622 par Jonathan Smith
Réponse de Jonathan Smith sur le sujet Tables: shadow effect border and background colours for cells
Thanks very much, Fay. I tried it and it worked. I also managed to accurately insert HTML colour codes!

Connexion ou Créer un compte pour participer à la conversation.

Modérateurs: ingdon
Temps de génération de la page : 0.123 secondes
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo