Table Formatting Problem with TinyMCE

Options
Robert Gluck
Robert Gluck
Ancient Membership 10 Comments Facilitator Level 2 Inquirer Level 2
in Blackbaud Luminate Online® & Blackbaud TeamRaiser® Discussions

I am having problems getting the new HTML editor to format my tables properly.

For example, on this page:

http://adap-sandbox.pub30.convio.net/about-us/board-of-directors.html

I've specified that the table have cellpadding of 5 pixels. It looks fine in the WYSIWYG editor but when I publish it, as you can see, it does not give me that even though the source code for the page says their should be 5 pixels: <table border="1" cellpadding="5" cellspacing="0">

Anyone else having this problem?

Any solutions?

Tagged:

Comments

  • Noah Cooper
    Noah Cooper
    Ancient Membership 1000 Comments 100 Likes Photogenic

    Robert,

    The problem is this line in your site's stylesheet, screen.css, which takes precedence over the inline cellpadding:

    * { margin: 0; padding: 0; }

    In order to add padding to this table's cells, you'd need to use CSS to add padding: 5px to each td. You could either do this inline on every individual td, or, add a class to the table and add .myClass td{ padding: 5px; } to one of the site's stylesheets. I'd definitely recommend the latter.

  • Robert Gluck
    Robert Gluck
    Ancient Membership 10 Comments Facilitator Level 2 Inquirer Level 2
    Noah Cooper:

    Robert,

    The problem is this line in your site's stylesheet, screen.css, which takes precedence over the inline cellpadding:

    * { margin: 0; padding: 0; }

    In order to add padding to this table's cells, you'd need to use CSS to add padding: 5px to each td. You could either do this inline on every individual td, or, add a class to the table and add .myClass td{ padding: 5px; } to one of the site's stylesheets. I'd definitely recommend the latter.

    Thanks for the quick response, Noah. Good seeing you in Atlanta!

Categories