juan.rojas89 0 Posted June 13, 2018 Report Share Posted June 13, 2018 Hi people! I'm having an issue in my coding, I created a table and there is a white spacing between cells that I cant get rid of. I have used cellpadding, styled the no border and still comes up. I'm also programming in HubSpot so I don't know if this has anything to do since I'm still doing it in HTML. This is an example of the code used: <tr style="height: 127.056px; border: 0px; border-spacing: 0px;"> <td style="width: 304px; background-image: url('https://cdn2.hubspot.net/hubfs/2294395/gray_BB-07-1.png'); background-size: 100% 100%; background-repeat: no-repeat; height: 127.056px;"> <h1 style="color: #84161a; text-align: center; font-family: Agency FB;"><span style="font-size: 36px;">ADMIN <span style="color: #444444;">EMILY</span></span></h1> </td> <td style="width: 314px; background-image: url('https://cdn2.hubspot.net/hubfs/2294395/gray_BB-07-1.png'); background-size: 100% 100%; background-repeat: no-repeat; height: 127.056px;"> <h1 style="color: #84161a; text-align: center; font-family: Agency FB;"><span style="color: #444444; font-size: 36px;"><span style="color: #800000;">MARKETING</span> EMILY</span></h1> </td> <td style="width: 298.208px; background-image: url('https://cdn2.hubspot.net/hubfs/2294395/gray_BB-07-1.png'); background-size: 100% 100%; background-repeat: no-repeat; height: 127.056px;"> <h1 style="color: #84161a; text-align: center; font-family: Agency FB;"><span style="font-size: 36px;">DATA <span style="color: #444444;">EMILY</span></span></h1> </td> <td style="width: 302.792px; background-image: url('https://cdn2.hubspot.net/hubfs/2294395/gray_BB-07-1.png'); background-size: 100% 100%; background-repeat: no-repeat; height: 127.056px;"> <h1 style="color: #84161a; text-align: center; font-family: Agency FB;"><span style="font-size: 36px;">SALES <span style="color: #444444;">EMILY</span></span></h1> </td> <td style="width: 320px; background-image: url('https://cdn2.hubspot.net/hubfs/2294395/gray_BB-07-1.png'); background-size: 100% 100%; background-repeat: no-repeat; height: 127.056px;"> <h1 style="color: #84161a; text-align: center; font-family: Agency FB;"><span style="font-size: 36px;">CUSTOMER SERVICE <span style="color: #444444;">EMILY</span></span></h1> </td> </tr> Quote Link to post Share on other sites
Ingolme 1,034 Posted June 13, 2018 Report Share Posted June 13, 2018 Is this an email template? That is the only situation where code like this would be acceptable. To remove spacing from between table cells you can use the border-collapse CSS property like this: <table style="border-collapse:collapse"> 1 Quote Link to post Share on other sites
juan.rojas89 0 Posted June 13, 2018 Author Report Share Posted June 13, 2018 Yeap! will try! thank you so much! Quote Link to post Share on other sites
juan.rojas89 0 Posted June 14, 2018 Author Report Share Posted June 14, 2018 Any other way? still having issues! Quote Link to post Share on other sites
dsonesuk 925 Posted June 14, 2018 Report Share Posted June 14, 2018 I don't understand why simply using html attributes <table cellspacing="0" cellpadding="0" border="0"> or CSS <table style="border-spacing: 0; border: none; padding: 0;"> does not work? I used both of these, and the spacing disappeared. 1 Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.