Чат Telegram
Группа ВКонтакте
Новый комментарий


ReyJiz 07.12.2018 в 19:12
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        #table1 {
            border: solid 1px;
            border-collapse: separate;
            border-spacing: 10px;
        }

        #table1 td {
            border: solid 1px;
            padding-top: 10px;
            padding-right: 5px;
            padding-bottom: 15px;
            padding-left: 20px;
        }

        #table2 {
            border: 1px;
        }

        #table2 td {
            border: 1px green;
            border-bottom: solid 1px black;
            padding: 5px;
        }
    </style>
</head>

<body>
    <table id="table1" align="center">
        <tr>
            <td>Верхняя левая ячейка</td>
            <td>Верхняя правая ячейка</td>
        </tr>
        <tr>
            <td>Средняя левая ячейка</td>
            <td>Средняя правая ячейка</td>
        </tr>
        <tr>
            <td>Нижняя левая ячейка</td>
            <td>Нижняя правая ячейка</td>
        </tr>
    </table>

    <br>

    <table id="table2" align="center">
        <tr>
            <td>Средняя левая ячейка</td>
            <td>Средняя левая ячейка</td>

        </tr>
        <tr>
            <td>Средняя левая ячейка</td>
            <td>Средняя левая ячейка</td>
        </tr>
        <tr>
            <td>Средняя левая ячейка</td>
            <td>Средняя левая ячейка</td>
        </tr>
    </table>

</body>

</html>
ivashkevich 09.12.2018 в 01:11

Отлично!

murr31 04.02.2019 в 16:28

Отличная статья! Долго искал подобную информацию. Спасибо за четкое разъяснение!

ivashkevich 07.02.2019 в 12:46

Пожалуйста)

classic17071999@mail.ru 18.02.2019 в 21:22
    #table1 {
        border: solid 5px blue;
        border-collapse: separate;
        border-spacing: 5px;    <!-- Размер от ячеек -->
    }
    #table1 td {
        border: solid 1px red;
        padding: 20px;  <!-- Общий размер -->
        padding-bottom: 15px;   <!-- Низ -->
        padding-top: 10px;  <!-- Верх -->
        padding-right: 5px; <!-- Права -->
        padding-left: 20px  <!-- Лево -->
    }

Правильно?

ivashkevich 20.02.2019 в 19:06

Ок)

miv1197@mail.ru 14.07.2019 в 15:06
<!DOCTYPE html>
<html>
  <head>
    <title>Table</title>
    <style>
      table {
        border: solid 3px green;
        border-spacing: 10px; /*--- Внешние отступы ---*/
      }
      th, td {
        border: solid 2px green;
        padding: 10px 5px 15px 20px; /*--- внутренние отступы ---*/
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <th>Column 1</th>
        <th>Column 2</th>
        <th>Column 3</th>
      </tr>
      <tr>
        <td>One</td>
        <td>Two</td>
        <td>Three</td>
      </tr>
    </table>
  </body>
</html>
ivashkevich 14.07.2019 в 15:14

Отлично!

Veronika 04.08.2019 в 18:13
<style>
        table {border: solid 1px blue; border-collapse: separate; border-spacing: 10px;}
        td {border: solid 1px blue; padding-top: 10px; padding-bottom: 15px; padding-left: 20px; padding-right: 5px;}
    </style>
ivashkevich 04.08.2019 в 21:06

Отлично

sshurdakov@gmail.com 24.10.2019 в 23:24
<style>
     table {
    border: solid 1px green;
    border-collapse: separate;
    border-spacing: 10px;
}
td {
    border: solid 1px green;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 5px;
    padding-bottom: 15px;
}
</style>
ivashkevich 25.10.2019 в 05:34

Супер!

Vika 11.11.2019 в 09:25
<style>
    table  {
     border: solid 1px blue; 
     border-collapse: separate;
     border-spacing: 10px
   }
     td{
     border: dotted 2px blue;
     padding-left: 20px;
     padding-right: 5px;
     padding-bottom: 15px;
     padding-top: 10px;
        }
</style>
ivashkevich 11.11.2019 в 19:45

В стилях ошибка

6eJlo4ka 11.12.2019 в 16:33
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Таблица</title>
</head>

<style>

    body {background-color: silver;}

    table {border: solid 1px blue; border-spacing: 10px;}

    td {border: solid 1px blue; padding-top: 10px; padding-right: 5px; padding-bottom: 15px; padding-left: 20px; padding: 10px;}

</style>

<body>

    <table align="center">
        <tr>
            <td>Верхняя левая ячейка</td> <td>Верхняя права ячейка</td>
        </tr>

        <tr>
            <td>Нижняя левая ячейка</td> <td>Нижняя правая ячейка</td>
        </tr>
    </table>

</body>
</html>
ivashkevich 11.12.2019 в 17:40

Отлично

eNergy 05.01.2020 в 10:59
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Пример таблицы</title>
    <style>
        table {
            border: solid 1px red;
            border-collapse: separate;
            border-spacing: 10px;
        }
        td {
            border: dotted 1px blue;
            padding-top: 10px;
            padding-right: 5px;
            padding-bottom: 15px;
            padding-left: 20px;
        }
    </style>
</head>
<body>
    <table>
        <tr>
            <td>1</td>
            <td>1.1</td>
        </tr>
        <tr>
            <td>2</td>
            <td>2.1</td>
        </tr>
        <tr>
            <td>3</td>
            <td>3.1</td>
        </tr>
    </table>
</body>
</html>
ivashkevich 06.01.2020 в 16:26

Отлично

vitalik 22.01.2020 в 22:39
<style>
         #table1 { 
             border: solid 0px green;
             border-collapse: separate;
             border-spacing: 10px;
         }   
         #table1 td {
             border: solid 2px green;
             padding-top: 10px;
             padding-right: 5px;
             padding-bottom: 15px;
             padding-left: 20px;
         }
     </style>
ivashkevich 24.01.2020 в 08:26

Отлично

MelManwe 30.01.2020 в 18:43
<!DOCTYPE=html>
<html>
<head>
<meta charset="utf-8">
<title>пример таблицы</title>
<style>
table {border: solid 2px blue;
border-spacing: 10px;}
td {border:solid 2px blue;
padding-top: 10px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 5px;}
</style>
</head>
<body>
<table>
<tr><td>первая ячейка</td><td>вторая ячейка</td></tr>
<tr><td>третья ячейка</td><td>четвертая ячейка</td></tr>
<tr><td>пятая ячейка</td><td>шестая ячейка</td></tr>
</table>
</body>
</html>
ivashkevich 31.01.2020 в 13:22

Отлично

X-Nick 02.02.2020 в 00:14
<style>
   table, td { 
    border: 1px solid black;    
   }
   table {
    margin: 50px auto 0;
    border-spacing: 10px;
   }
   td{  
    padding: 10px 5px 15px 20px;
   }
  </style>
ivashkevich 04.02.2020 в 13:08

Отлично

Lyubav4ik 02.03.2020 в 02:13
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Моя табличка - буду потом шефу составлять сводную таблицу</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <style>
        table {
            border: solid 1px gray;
            border-collapse: separate;
            border-spacing: 10px;
        }
    </style>
    <style>
        td {
            border: solid 1px gray;
            padding-top: 10px;
            padding-right: 5px;
            padding-bottom: 15px;
            padding-left: 20px;
        }
    </style>
</head>
<body>
<table width="100%">
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
    </tr>
        <tr>
        <td>7</td>
        <td>8</td>
    </tr>
</table>
</body>
</html>
ivashkevich 05.03.2020 в 03:11
<meta name="keywords" content="">
    <meta name="description" content="">

Это что ещё за рудименты?

По таблице - ок

Логические задачи с собеседований