Атрибуты cellpadding и cellspacing.



На предыдущих уроках мы изучали использование атрибутов cellpadding и cellspacing. Но в настоящее время чаще используют стиль CSS вместо <table cellpadding="0" cellspacing="0" border="0">


HTML атрибуты cellpadding и cellspacing можно заменить стилем.

Пример записи кода:

table{ border: 0px; /* border="0" */ border-collapse: collapse; /* cellspacing="0" */ } table td{ padding: 0px; /* cellpadding="0" */ } <body> <table> <tr> <td>Ячейка 1</td><td>Ячейка 2</td> </tr> </table> </body>

РЕЗУЛЬТАТ:

Ячейка 1 Ячейка 2

Если нужно получить другой вид таблицы присваиваем класс.


Пример записи кода:

table.prut{ border-collapse:separate; } table.prut td{ padding:5px 10px; border:1px solid #666666; } <body> <table class="prut"> <tr> <td>Ячейка 1</td><td>Ячейка 2</td> </tr> </table> </body>

РЕЗУЛЬТАТ:

Ячейка 1Ячейка 2

В CSS имеется такое свойство, как border-spacing. В Internet Explorer оно совсем не работает. Поэтому расстояние между ячейками при border-collapse:separate всегда в этом браузере равно 2 px.

Далее рассмотрим: Макет сайта.