VPF::Альтернатива cellpadding cellspacing - Форум программистов

12345c

Дата 26.1.2006, 22:06 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: нет
Всего: 101

Статья об этом: http://htmlcoder.visions.ru/HTML/?21

Она не открывается из-за рекламы, поэтому копирую её содержание сюда:

Путь: Заметки HTML кодера > HTML > 21
Избавляемся от cellpadding и cellspacing
16 сентября 2005 г.
HTML атрибуты cellpadding и cellspacing уже давно никому не нужны.

Все правильные мальчики и девочки уже давно не пишут <table cellpadding="0" cellspacing="0" border="0">. Они знают, что лучше один раз написать стиль:

Код


table{
border:0px; /* border="0" */
border-collapse:collapse; /* cellspacing="0" */
}

table td{
padding:0px; /* cellspadding="0" */
}

HTML код:

Код


<table>
<tr>
<td>Foo</td>
<td>Bar</td>
</tr>
</table>

Вид:

Foo Bar

Когда нужно получить другой вид таблицы, все правильные мальчики и девочки переопределяют этот базовый стиль, для верности иногда с помощью !important:

Код


table.stuff{
border-collapse:separate;
}

table.stuff td{
padding:5px 10px;
border:1px solid #666666;
}

HTML код:

Код


<table class="stuff">
<tr>
<td>Foo 2</td>
<td>Bar 2</td>
</tr>
</table>

Вид:

Foo 2 Bar 2

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

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

Guedda

Дата 27.1.2006, 17:53 (ссылка)

(нет голосов)

Загрузка ...

Подрывник

Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78

Спасибо. Вопрос решился.

--------------------

Ll 2

slavonX86

Дата 4.7.2006, 17:00 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 179
Регистрация: 15.12.2005

Репутация: нет
Всего: 0

А зачем все пишут border='0' ? Я попробовал, и без него работает !

R.M.

Дата 5.7.2006, 17:50 (ссылка)

(нет голосов)

Загрузка ...

Анархист

Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30

slavonX86, я так подозреваю на случай если браузер настроен так или на случай если другие стили могут этот бордер поставить.

--------------------

Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia

InfMag

Дата 8.8.2008, 12:29 (ссылка)

(нет голосов)

Загрузка ...

…

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 21.11.2004

Репутация: нет
Всего: 4

Народ, вот прописал я вот это:

Код


table
{
    border: 0;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
table td
{
    border: 0;
    margin: 0;
    padding: 0;
}

Но теперь, то что указано ниже, там свои padding-и и так далее - это все сравнялось в 0, что же делать теперь?

webster

Дата 8.8.2008, 12:33 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

Вы глобально изменили все стили у всех таблиц, далее вы должны переопределить их для своих классов:

Код


table.myClass td.myClass {
...
}

K1ng

Дата 8.8.2008, 12:41 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 76
Регистрация: 7.8.2008
Где: Украина -> Хар ьков

Репутация: нет
Всего: нет

Действительно, webster +1
Используй классы!

InfMag

Дата 8.8.2008, 12:42 (ссылка)

(нет голосов)

Загрузка ...

…

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 21.11.2004

Репутация: нет
Всего: 4

webster, спасиб. smile

просто перестали работать указанные html аттрибуты cellpadding, а вот через css работает все

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »