supprimer l'espace entre deux td éléments dans un tableau

J'ai une table avec un tr & 2 tds. Le 2 de la td ont des tables. Il y a de l'espace entre les 2 tables internes, que je ne veux pas. Quelqu'un peut-il me suggérer comment faire pour supprimer cet espacement.
Ici est ma marque jusqu':

 <table style="border-spacing: 0; border-width: 0; padding: 0; border-width: 0;">
    <tr>
        <td>
            <table width="100%" style="border-radius: 10px; border: 1px solid grey; width: 100%; border-collapse: initial;" id="Table1">
                <tr>
                    <td>Subscriber Name: </td>
                    <td>
                        <input type="text" id="Text1" /></td>
                </tr>
                <tr>
                    <td>Subscriber Id: </td>
                    <td>
                        <input type="text" id="Text2" /></td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                        <input type="button" id="Button1" /></td>
                </tr>
            </table>
        </td>
        <td>
            <table width="100%" style="border-radius: 10px; border: 1px solid grey; width: 100%; border-collapse: initial;" id="Table2">
                <tr>
                    <td>Admin Name: </td>
                    <td>
                        <input type="text" id="Text3" /></td>
                </tr>
                <tr>
                    <td>Admin Id:</td>
                    <td>
                        <input type="text" id="Text4" /></td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                        <input type="button" id="Button2" /></td>
                </tr>
            </table>
        </td>
    </tr>
</table>

OriginalL'auteur Rasmita Dash | 2014-10-08

  1. 7

    Vous devez définir le remplissage des cellules elles-mêmes à 0. Ils n'héritent pas le remplissage de l'élément de la table.

    <table style="border-spacing: 0; border-width: 0; padding: 0; border-width: 0;">
<tr>
<td style="padding-right: 0px;">
<table width="100%" style="border-radius: 10px; border: 1px solid grey; width: 100%; border-collapse: initial;" id="Table1">
<tr>
<td>Subscriber Name: </td>
<td>
<input type="text" id="Text1" /></td>
</tr>
<tr>
<td>Subscriber Id: </td>
<td>
<input type="text" id="Text2" /></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" id="Button1" /></td>
</tr>
</table>
</td>
<td style="padding-left: 0px;">
<table width="100%" style="border-radius: 10px; border: 1px solid grey; width: 100%; border-collapse: initial;" id="Table2">
<tr>
<td>Admin Name: </td>
<td>
<input type="text" id="Text3" /></td>
</tr>
<tr>
<td>Admin Id:</td>
<td>
<input type="text" id="Text4" /></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" id="Button2" /></td>
</tr>
</table>
</td>
</tr>

    vous avez ajouté style="padding-left: 0px;" td éléments de la table externe, j'ai pensé que je n'ai pas besoin de le faire, comme je l'ai padding: 0; dans le tableau lui-même. Cependant, en voyant ta réponse, j'ai essayé & ça a fonctionné. Merci

    OriginalL'auteur Seregmir

  2. 4

    inclure cellpadding="0" cellspacing="0" dans le table tag

    HTML

    <table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>1</td>
<td>2</td>
</tr>
</table>

    Violon Démo

    cellspacing et cellpadding sont obsolète en html5.
    cellpadding="0" cellspacing="0" au tableau de la balise sont absolete, cependant je suis en train de faire la même chose avec style="border-spacing: 0; border-width: 0; padding: 0; border-width: 0;"
    cochez cette stackoverflow.com/questions/2414773/..., même ce qui est vieux, on peut utiliser..
    le reste, nous pouvons mettre à jour "table {border-collapse: collapse;} td {padding: 0px;}"
    Je sais que nous pouvons l'utiliser, mais est obsolète 🙂 Btw, je n'ai pas downvote.

    OriginalL'auteur Aru