unable to remove space around image and unordered list in cell

Hi,

thanks for your question, and sorry for the trouble.

The reason for this seem to be the line breaks in your HTML code for the list. Each line break is changed to an HTML <br /> tag automatically.
I suggest to turn this off by adding an extra parameter to the Shortcode:

[table id=123 convert_line_breaks=false /]

Regards,
Tobias

Hi Tobias,
first I appreciate your getting back to me. O my web site – home page I have created several tables following different suggestions I had found in this forum –

The second table was the result of using the extra parameter you had suggested above – the lines are closer together but the spacing between column # 1 (has a rowspan) and the next column is what I need to be addressed – the only way I have been able to accomplish this was to remove the image (in column 1 – with rowspan of 2) totally from the table. I have tried removing all padding, cellspacing, cell padding, margins, etc – nothing seems to work (see last table on website showing the image removed and how the spacing looks great) –

I appreciate your time!!!! – great plugin !! – am looking to purchase the responsive one soon –
Thanks – mnr

Hi,

ah, ok, hadn’t really noticed that you had found this suggestion already! ??

Let’s focus on that second table on that page then (table ID 3). The width of that first column seems to come from this “Custom CSS”:

.tablepress-id-3 .column-1 {
	width: 226px;
}

There, I suggest to change the 226px to 200px.

Regards,
Tobias

(sorry, yes, I did try very hard to fix this myself :))
Ok – I have changed the column width to 200px

Thanks – mnr

Hi Tobias,
Actually can we work on the next table down (#7)? I like the li spacing and I was able to “do” “something” and move columns 2and3 over next to column 1 image – BUT – as you can see the colspan (row 1 – column 1 + column 2) is now not working properly and adding an extra line – If I can get that to work I think its a great table!

thanks again for your help!!!

Hi,

the spacing in table 7 is horrible and done in the wrong (technical) way ??
(But you can keep it, of course.)

For the colspan to look nicely, just remove the

.tablepress-id-7 .column-2 {
	width: 160px;
}

Regards,
Tobias

ok ?? – but it does looks nice ?? – yes we can certainly and should go back to table 3 as I would like to have this technically correct AND look good. That would be great!!!

Appreciate you!
mnr

Hi,

ok, to reduce on the confusion, let’s focus on one table. So, I suggest to use the Shortcode parameter and then try this “Custom CSS” for better (and technically correct) spacing:

.post .tablepress ul li {
  margin: 0 0 10px;
}

Regards,
Tobias

added – (and removed all the other trial tables)
It looks much better! – but seems that the ‘ <td class=”column-2″>..</td>’ element still has too much space to the left of the ul.

Thanks,
mnr

Hi,

that’s coming from the margin on the list, so that e.g.

.post .tablepress ul {
  margin-left: 10px;
  margin-right: 10px;
}

can reduce that.

Regards,
Tobias