دریافت جدول از 1 عدد بالشتک ناخواسته

بنا به دلایلی ، روی میز یک حاشیه یا حاشیه 1 پیکسل دریافت می کنم. نمی توانم بفهمم چگونه می توان از شر آن خلاص شد. من سعی کرده ام display: block؛ margin: 0؛ padding: 0؛ را به تصاویر اضافه کنم ، اما این حل نمی کند. من همچنین

و border: none؛ را در CSS امتحان کردم. برای زندگی من نمی توانم این را بفهمم.

دلیل این مسئله این است که من سعی می کنم تصاویر را با لبه های دو طرف tr تراز کرده و مرزهای گرد به آن بدهم ، شعاع مرزی CSS3 در TR کار نمی کند. من جدول جدول ، جدول * {حاشیه: 1 پیکسل جامد قرمز؛} را به CSS اضافه کرده ام و از این نظر به طور قطع به نظر می رسد یک مسئله پر کردن یا حاشیه است.

مسئله در این تصویر است:

در سمت چپ و راست ، می بینید که نوعی بالشتک یا چیزی بین تصاویر و لبه میز وجود دارد. مرزهای قرمز فقط برای دیدن این وجود دارد.

این CSS من است:

table a {
    color: #f7941E;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    /* css3 */
    transition: color .25s;
    -khtml-transition: color .25s;
    -moz-transition: color .25s;
    -o-transition: color .25s;
    -webkit-transition: color .25s;
}

    table a:hover {
        color: #f8ae57;
    }

table {
    width: 610px;
}

    table tr {
        height: 33px;
        padding: 0;
        margin: 0;
        vertical-align: middle;
    }

        table td {
            border-collapse: collapse;
        }

    table tr.head {
        color: #58585a;
        font-family: Rockwell, serif;
        font-size: 18px;
        font-weight: bold;
        text-transform: lowercase;
    }

    table tr.even {
        background: #EEE;
        height: 33px;
    }

        table tr td img {
            padding: 0 15px 0 13px;
            vertical-align: middle;
        }

            table tr td a img {
                opacity: .6;                
                /* css3 */
                transition: opacity .25s;
                -khtml-transition: opacity .25s;
                -moz-transition: opacity .25s;
                -o-transition: opacity .25s;
                -webkit-transition: opacity .25s;
            }

                table tr td a img:hover {
                    opacity: 1;
                }

و HTML:

<table border="0">
    <tr>
        <td><img src="images/tr-left.png" style="display:block;margin:0;padding:0;">
        <td><img src="images/some-icon.png" /> <a href="#">Some Content</a></td>
        <td><img src="images/tr-right.png" style="display:block;margin:0;padding:0;">
    </td>
</table>

поделиться