Нижняя граница не отображается (таблицы) - PullRequest
Новая
       15

Нижняя граница не отображается (таблицы)

0 голосов
/ 08 февраля 2020 

<body>
  <table>
    <table style="width:70%; margin:0 auto;">
        <tr style="margin:0; border-bottom: 2px solid black; padding:0;">
          <td colspan="2"><img src="pre_header.jpg" alt="" style="width: 100%"></td>
        </tr>
        <tr style="margin:0; padding:0;">
          <td style="width:35%; margin-left:0;"><img style="width: 100%" src="logo.jpg" alt=""></td>
          <td style="width:35%; clear:right; margin-right: 0;"><h1 style="margin-left: 2rem">Monday 16<sup>th</sup> december 2019 <br> Volume 5</h1></td>
        </tr>
        <tr style="border-bottom: 4px solid #000;">
          <th style="text-align: center;" colspan="2"><h1>SEBI Updates</h1></th>
        </tr>

Почему здесь не отображается нижняя граница? картина происходящего

1 Ответ

0 голосов
/ 08 февраля 2020

добавить в таблицу стиль border-collapse: collapse; 

<body>
  <table>
    <table style="width:70%; margin:0 auto;border-collapse:collapse;">
        <tr style="margin:0; border-bottom: 2px solid black; padding:0;">
          <td colspan="2"><img src="pre_header.jpg" alt="" style="width: 100%"></td>
        </tr>
        <tr style="margin:0; padding:0;">
          <td style="width:35%; margin-left:0;"><img style="width: 100%" src="logo.jpg" alt=""></td>
          <td style="width:35%; clear:right; margin-right: 0;"><h1 style="margin-left: 2rem">Monday 16<sup>th</sup> december 2019 <br> Volume 5</h1></td>
        </tr>
        <tr style="border-bottom: 4px solid #000;">
          <th style="text-align: center;" colspan="2"><h1>SEBI Updates</h1></th>
        </tr></table></table>
...