[Plugin: WP-Table Reloaded] How to put image background.

Hi Tobias,

I am trying to insert an image using wp-table reloaded and I can see the wheel spinning forever after I have inserted the URL of the image in the URL option of WordPress.

When doing exactly the same, namely inserting an image via the URL option just using WordPress, it works fine.

Can you help?

Bye,

Bee

Okay I’m equally trying to get rounded border on a number of section headers in a table. I’m trying to get it working by having 4 individual corner images (each 7 x 7 px) which occupy the cells surrounding the cell I want rounding as per the link here.
http://www.webdevelopersnotes.com/tips/html/html_table_tutorial_rounded_corners.php3

But it is not working as I can’t seem to get rid of padding that is sneaking in.

The post tag is:
[table id=1 cellspacing=”0″ cellpadding=”0″ border=”0″ /]

and the preview post with the table is:
http://www.whichplm.com/?p=3829&preview=true

I do not have data tables enabled, and the corner images are inserted along with the section header text in the table edit rather than through CSS for ease. Does putting content in the edit page automatically pad that cell even if the css limits padding?

The custom css is (NB, I’m just trying to get the first section header rounded initially before I clone the css to the other headers):

.wp-table-reloaded-id-1, .wp-table-reloaded-id-1 td, .wp-table-reloaded-id-1 th {
  border: 0px!important;
  border-collapse: collapse!important;
  border-spacing: 0px!important;
}

.wp-table-reloaded-id-1 .row-2 td {
  background-color: #111226!important;
  font-size: 14px!important;
  color: #ffffff!important;
  height: 7px!important;
}

.wp-table-reloaded-id-1 .row-7 td {
  background-color: #111226!important;
  font-size: 14px!important;
  color: #ffffff!important;
  height: 7px!important;
}

.wp-table-reloaded-id-1 .row-11 td {
  background-color: #111226!important;
  font-size: 14px!important;
  color: #ffffff!important;
  height: 7px!important;
}

.wp-table-reloaded-id-1 .row-15 td {
  background-color: #111226!important;
  font-size: 14px!important;
  color: #ffffff!important;
  height: 7px!important;
}

.wp-table-reloaded-id-1 .row-19 td {
  background-color: #111226!important;
  font-size: 14px!important;
  color: #ffffff!important;
  height: 7px!important;
}

.wp-table-reloaded-id-1 .row-23 td {
  background-color: #111226!important;
  font-size: 14px!important;
  color: #ffffff!important;
  height: 7px!important;
}

.wp-table-reloaded-id-1 .column-1 {
  width: 7px!important;
}

.wp-table-reloaded-id-1 .column-4 {
  width: 7px!important;
}

.wp-table-reloaded-id-1 .row-1 {
  height: 7px!important;
}

.wp-table-reloaded-id-1 .row-2 {
  height: 7px!important;
}

.wp-table-reloaded-id-1 .row-3 {
  height: 7px!important;
}

http://www.whichplm.com/temp/test-table.html

I’ve included your suggested code… but still borders/padding?

Tobias

Many thanks… works great. Final question, how can I make the second row smaller so the overall rounded header doesn;t look so fat? Through CSS I;ve tried to force a row height but it doesn’t seem to make any difference?

http://www.whichplm.com/temp/test-table.html

Tobias

Thanks..worked a treat. Now I have rounded tables!

Can I ask, my initial understanding of the tables reloaded was a ‘define once’/’use many’ i.e so you setout the layout of the tables through a table ID and CSS and then you can create many different instances of the same table but with different content.

However I think each table must be unique from my use/experience of the plugin, in which case I need to change each CSS definition to reference a list of table ID’s. Is that possible, say,

.wp-table-reloaded-id-1 .row-7 td {
  line-height: 11px!important;

}
.wp-table-reloaded-id-1|2|3|4|5|6|7 .row-7 td {
line-height: 11px!important;
}

So if I placed all the CSS from the custom CSS commands section (as setout about) from the plugin section into a new wrapper definition as you describe, that should allow me to simply declare that new wrapper definition on the custom CSS of each table?

But all the CSS code specifically relates to a table ID? Do I need to drop ID-1 from each css styling and leave it general i.e.

.wp-table-reloaded-round-corners
{
      .wp-table-reloaded<strike>-id-1</strike> img {
        margin: 0!important;
        padding: 0!important;
        border: none!important;
      }

      .wp-table-reloaded<strike>-id-1</strike> .row-7 td {
        line-height: 11px!important;
}