HTML атрибуты cellpadding и cellspacing убираем в CSS

Регистрация доменного имени, создание сайта, раскрутка сайта, поисковая оптимизация. Разработка дизайна, изменение уже готовых сайтов. Если вы уже пробовали делать сайт, но не получилось, то вам ко мне!
e-mail: sergey@adgreat.ru
Сергей 176093074176093074   skypeadgreat.ru
+7 [910] 123-34-81   Нижний Новгород
 
  Регистрация доменаСоздание сайтаРаскрутка сайтаСоветы и статьиПортфолиоНовости интернетапроверка тИЦ и PR  
 
 
Антикризисное предложение

Регистрация домена .ru - бесплатно
Создание сайта от 6 000 руб.
Система администрирования сайта - бесплатно
Хостинг от 2 000 руб./год
Поддержка сайта от 1 000 руб./мес.
Раскрутка сайта от 6 000 руб./мес.
 
Главная  »  Советы и статьи  »  Программирование  »  CSS

HTML атрибуты cellpadding и cellspacing убираем в CSS



Код представления таблицы <table cellpadding="0" cellspacing="0" border="0"> можно безболезненно заменить на <table> если правильно написать стиль:

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

table td{
padding:0px; /* cellpadding="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.



2009-02-01 01:24:01


Создание сайтаРаскрутка сайтаДизайн сайтаЭлектронные деньгиПрограммированиеJavaScriptPHPУчебник PHPПримеры скриптов на PHPВозникающие ошибкиCSSApacheHTMLРазноеПродвижение товаров




разное  
всякое