cancel
Showing results for 
Search instead for 
Did you mean: 
elena_awesome
Surveyor

Eliminate White Spaces Between Cells on a Canvas Table

Jump to solution

Hi,

I like making images on Canva for "buttons" and setting them up in a table for my homepage. I upload them as pngs (250px by 250px) and place them into a 3x2 table. However, I get these huge white spaces in the horizontal spaces between the images and it is driving me nuts. I would like the entire table to have the minor white lines as you can see between the cells in the columns--please see the attached image. I have messed with borders, cell spacing and cell padding to limited effect.

Please help me figure out how to make this look nice. Thank you!

0 Kudos
1 Solution

Accepted Solutions
chofer
Community Coach
Community Coach

Hi there, @elena_awesome ...

Would you be able to paste in your HTML code for that table as a response here in the Community?

Without being able to see the code, it's hard to tell what the issue might be.  Just looking at the image you shared, maybe the table is set to fill a certain percentage of the screen...and so the extra white space between your images is compensating where there isn't an image within your table.  It might be that you need to change the width of your table cells widths from percentages to pixels to more closely match the width of your images.  But again, we wouldn't know without taking a look at your code.

As a side note, tables are usually used to hold data...and so while you can use tables to design pages with your images/buttons, you should still strive to make sure that your table is accessible to all users.

Looking forward to hearing back from you soon!  Take care...

View solution in original post

0 Kudos
2 Replies
chofer
Community Coach
Community Coach

Hi there, @elena_awesome ...

Would you be able to paste in your HTML code for that table as a response here in the Community?

Without being able to see the code, it's hard to tell what the issue might be.  Just looking at the image you shared, maybe the table is set to fill a certain percentage of the screen...and so the extra white space between your images is compensating where there isn't an image within your table.  It might be that you need to change the width of your table cells widths from percentages to pixels to more closely match the width of your images.  But again, we wouldn't know without taking a look at your code.

As a side note, tables are usually used to hold data...and so while you can use tables to design pages with your images/buttons, you should still strive to make sure that your table is accessible to all users.

Looking forward to hearing back from you soon!  Take care...

View solution in original post

0 Kudos

Hi,

Thank you for quick reply! As you hinted, when I went in and changed the table width percentage to less than 100, and that fixed the problem- no need to dive into the HTML (this time).  Whoo! 

I understand that using tables in this manner is a bit beyond their intended purpose, but I have found trying to orderly place and arrange images on Canvas pages to be such a fool's errand, that I have come rely on this method entirely. If folks have managed to come up with a more favorable solution, however, please do let me know. 

Thank you again!