HTML tables and the TinyMCE WYSIWYG Editor

[devilslayer]

Is there a way for HTML tables to show a border in the TINYMCE WYSIWYG editor?

When you add a table within the editor you cannot see it, as the borders are not visible.  You end up playing hunt the invisible table cell.

I am creating a website for an association with a number of branches.  Some of the association members will become the web editors for their respective branches.  As  some of the editors are 70+ I want to keep the layout of their pages as easy to edit for them as possible.

I would like to use some tables for things such as the Branch diary of events.  My problem is that when you enter a table you cannot see it, or any of the table cells, even if the HTML table has borders set in the HTML.

[soren]

Go to admin page for TinyMce.

Select advanced tab.

Select include only screen-css.

Soren

[devilslayer]

Go to admin page for TinyMce.

Select advanced tab.

Select include only screen-css.

Soren

Thank-you for that Soren, I can now see the table outlines in the TinyMCE editor.

However, doing this has made the background color of the editor grey. Is this normal or can you have the background color white and still see the table cell outlines?

[soren]

Same tab.

Body tag css= background-color: white;

Soren

[bhgcreative]

You have totally fixed an issue that a client was having after upgrading to cms made simple version 1.6.  They couldn't see the table borders anymore.

I foudn that my wysiwyg settings were all cleared after I had to uninstall then reinstall the plugin and I must have forgot to enable the checkbox you mention above.

Next time I shall make screenshots or something so that I can remember my previous settings.

Thanks much!

BHG Creative

[twwitt]

Go to admin page for TinyMce.

Select advanced tab.

Select include only screen-css.

Soren

I tried doing this and it doesn't work for me -- using Mozilla Firefox. Still can't see table guides.

-- Twitt

[Dr.CSS]

You may have some CSS that takes the borders out of it, have you tried adding some extra CSS to tiny to change this...

[d8wave]

I'm using NCleanBlue and table borders disappear and I can't use the print function - the print page is blank if I use a table.
I added border attributes in the CSS and that worked. Not sure why using {print} produces a blank screen.