Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
This is the place for questions about learning design and pedagogy; how to use different page types for different purposes.
  • Page:
  • 1

TOPIC:

Tables: shadow effect border and background colours for cells 1 year 5 months ago #8617

  • Jonathan Smith
  • Jonathan Smith's Avatar Topic Author
  • Offline
  • Administrator
  • Administrator
  • Posts: 49
  • Thank you received: 13
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.

Tables: shadow effect border and background colours for cells 1 year 5 months ago #8618

  • Fay
  • Fay's Avatar
  • Offline
  • Elite Member
  • Elite Member
  • Posts: 229
  • Thank you received: 92
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.

Tables: shadow effect border and background colours for cells 1 year 5 months ago #8622

  • Jonathan Smith
  • Jonathan Smith's Avatar Topic Author
  • Offline
  • Administrator
  • Administrator
  • Posts: 49
  • Thank you received: 13
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.

  • Page:
  • 1
Moderators: ingdon
Time to create page: 0.044 seconds
Copyright © 2024 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search