getting rid of blank space between table rows

Question

I am trying to get rid of the red background between the images here. How can I do this using css?

 <table style="background-color:red; padding:0;margin:0;">
            <tr>
                <td>
                    <img src="/graphics/susSlogan.gif">
                </td>
            </tr>
            <tr>
                <td>
                    <img src="/graphics/susSlogan.gif">
                </td>
            </tr>
        </table>

inspect your web page, the browser console should show you what the space is composed of and set that to 0 — Jordan.J.D, Jul 18 '17 at 14:53
Always hard to tell without a [mcve]. You could try `border-spacing: 0`. — domsson, Jul 18 '17 at 14:53

score 0 · Answer 1 · answered Jul 18 '17 at 14:51

0

You want to change the padding on the <td> elements. So something like:

td{
    padding-bottom: 0;
}

answered Jul 18 '17 at 14:51

Cory Madden

5,026
24
37

score 0 · Answer 2 · answered Jul 18 '17 at 14:53

0

You can use

<table cellpadding="0"></table>

https://www.w3schools.com/tags/att_table_cellpadding.asp

or you can use

td {
    padding-bottom: 0px;
}

https://www.w3schools.com/css/css_table.asp

answered Jul 18 '17 at 14:53

StuiterSlurf

2,464
4
34
55

getting rid of blank space between table rows

2 Answers2