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
  • Topic Author
  • Offline
  • Administrator
  • Administrator
More
3 years 3 weeks ago #8617 by 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

Please Log in or Create an account to join the conversation.

More
3 years 3 weeks ago #8618 by 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;">
The following user(s) said Thank You: Jonathan Smith

Please Log in or Create an account to join the conversation.

  • Jonathan Smith
  • Topic Author
  • Offline
  • Administrator
  • Administrator
More
3 years 3 weeks ago #8622 by Jonathan Smith
Thanks very much, Fay. I tried it and it worked. I also managed to accurately insert HTML colour codes!

Please Log in or Create an account to join the conversation.

Moderators: ingdon
Time to create page: 0.130 seconds
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo