[Plugin: WP-Table Reloaded] Image in Table column causing unwanted text wrap in adjacent column

Hi,

I just checked your table with the latest versions of Firefox, Chrome and Internet Explorer, but could not spot and oddities.
Can you please explain again, what the problem is? Can you maybe create a screenshot of the problem? What web browser are you using?
As another step, I also recommend that you check the HTML of your site using https://validator.w3.org, as there seem to be a few HTML validation problems with missing closing tags.

Best wishes,
Tobias

Hi Tobias

sorry about that, I replaced the text back into the image cell to stop the problem. I have now removed the text so that you can see what I mean.

See the text in column 2 in the Sports table

https://www.mydlp.org.uk/childcare/

In the meantime I will check the html as suggested.

thanks

Dave

Hi,

thanks for that temporary change, now I was able to reproduce the problem.

I took a more detailed look using Firebug and the Google Developer Toolbar, but unfortunately could not find an obvious reason for this behavior. I don’t understand at all, why a plain image without text is messing with text baseline in other cells. Usually, cells are more independent from each other.
The only idea I have is, that it might one of the HTML validation issues. So, I really recommend fixing those, as that might help to find the cause of the issue (if it then still exists).

If it still won’t work then, you’ll likely need to add some text to the cell then, as well. If you don’t really want text in that cell though, you might try experimenting with a non-breakable (and invisible) space  . Maybe that counts as text already, so that it will be enough.

Best wishes,
Tobias

Tobias

this has been resolved, I thought you might find it useful to see the response from a colleage,

“As I suspected the problem was being caused by the style sheet. For some reason the code in the top of this (lucky for me it was at the top so it was really easy to find vertically aligned practically every object which could appear in a webpage to “baseline”.

I’ve added in some code below this to vertically align all table objects to “top” which fixed the problem as soon as I saved the style sheet back”.

thanks to Youlie

Dave

Tobias!

I think you’re the man I’m looking for. I am rebuilding/tweaking and morphing autofocus+. On a pages I added, I want to built a table.
I have to say that I am (an eager) beginner so I probably have half a percentage of all the knowledge you have. So forgive my mistake. The problem I have is just driving me crazy!

I wrote this code to make a simple table:

[Code moderated as per the Forum Rules. Please use the pastebin]

(the positions in the cells are for me cause I’m a newby)

I want the 1st cell in the first column to span the first two rows and in it I would like a picture. The picture I made fits the cell perfectly BUT….somehow I cannot seem to get it to the bottom of the cell. It seems to have two invisible rows in it!! It even higher than the text ‘top middle’ in the cell next to it!!!

I’ve been searching for ages AND trying your wp table plugin, but the result remains the same….

what can I do?

Thanks a million

Hi,

thanks for your question.

For the first cell, which you want to span two rows, put the keyword

#rowspan#

into the lower one of those cells that shall be combined.

For the second problem, with the button, my guess is that you have pasted in HTML code into the table. This however has a small requirement: You can not have any manual line breaks in that code, i.e. everything should be in one line of text (except for the automatic line breaks the browser adds). Can you check that?

Also, can you please provide a link to the page with your table? That way I can take a direct look at the HTML code and maybe see what’s wrong.

Thanks!
Tobias