Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Альтернатива cellpadding cellspacing, в css 
V
    Опции темы
Guedda
Дата 23.1.2006, 23:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


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

Репутация: 3
Всего: 78
Уже постил по данному вопросу, но тему так и не нашел.
Вот. Вопрос, собственно:
Есть в css альтернатива cellpadding, cellspacing?

Заранее благодарен.


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
Illuminaty
Дата 24.1.2006, 08:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56
margin и padding
PM MAIL ICQ   Вверх
Guedda
Дата 24.1.2006, 09:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


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

Репутация: 3
Всего: 78
Не подходит.
Устанавливаю в css:
Код

table.main
{
  width : 100%;
  border : 0;
  margin : 0;
  padding : 0;
}


Таблица прорисовывается так, если бы я не применял стили и не установил значения cellpadding, cellspacing

Альтернативы есть?

Это сообщение отредактировал(а) Guedda - 24.1.2006, 09:40


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
o.s.a.
Дата 24.1.2006, 10:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Xo4y B MocKBy
**


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

Репутация: 3
Всего: 15
Код

td
{
  width : 100%;
  border : 0;
  margin : 0; // cellspacing
  padding : 0; // cellpadding
}



--------------------
Не могу стоять, пока другие работают, пойду полежу.
PM MAIL ICQ   Вверх
Guedda
Дата 24.1.2006, 10:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


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

Репутация: 3
Всего: 78
Dыводится в браузер так, как будто нет этих cellpadding, cellspacing...
Так что не подходит это...
Мне нужна альтернатива cellpadding="0" cellspacing="0"...
Чтобы промежутков не было... А они есть...



--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
o.s.a.
Дата 24.1.2006, 10:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Xo4y B MocKBy
**


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

Репутация: 3
Всего: 15
Проверил:
cellpadding="0" это точно
Код

td
{
  padding : 0; // cellpadding
}

а вот что делать с cellspacing="0" - даже не знаю


--------------------
Не могу стоять, пока другие работают, пойду полежу.
PM MAIL ICQ   Вверх
DENNN
Дата 24.1.2006, 12:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

Репутация: 1
Всего: 43
Код

table.main
{
  border : 0;
  padding : 0;
  border-collapse:collapse;
}
table.main td
{
  border: 1px #000 solid;
  padding: 1em;
}

Сделает таблицу с бордюрами в 1пиксель между ячейками, cellspacing=0 и cellpadding=1em
PM ICQ   Вверх
Cheba
Дата 24.1.2006, 15:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


pointless one
***


Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

Репутация: 14
Всего: 62
Код
<!DOCTYPE html PUBLIC "-//W4C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en_US" xml:lang="en_US">
<head>
    <title>Cellspacing & cellpadding in CSS</title>
    <style type="text/css">
#cssed {
    border-spacing: 10px;
}

#cssed td {
    padding: 10px;
}

td {
    border: 1px solid;
}
    </style>
</head>
<body>
    <table id="cssed">
        <tr>
            <td>cell 1-1</td>
            <td>cell 11-2</td>
        </tr>
        <tr>
            <td>cell 2-1</td>
            <td>cell 2-2</td>
        </tr>
    </table>
    <table id="htmled" cellpadding="10" cellspacing="10">
        <tr>
            <td>cell 1-1</td>
            <td>cell 11-2</td>
        </tr>
        <tr>
            <td>cell 2-1</td>
            <td>cell 2-2</td>
        </tr>
    </table>
</body>
</html>


Альтернативу cellspacing призван составить border-spacing. Он применяется к таблице. Вот только проблема в том, что IE (даже 6) не понимает этот атрибут. Лиса 1.5 и Konqueror 3.4.2 это все понимают правильно - в них обе таблицы отображаются одинаково. А вот в IE применется только паддинг, а расстояние между ячейками в первой таблице (стилизированной через css) не изменяется.

Это сообщение отредактировал(а) Cheba - 24.1.2006, 15:43


--------------------
Как правильно задавать вопросы  
PM MAIL ICQ   Вверх
Guedda
Дата 24.1.2006, 15:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


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

Репутация: 3
Всего: 78
Да вот же... Значит, никакого другого метода нет?


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
Cheba
Дата 24.1.2006, 15:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


pointless one
***


Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

Репутация: 14
Всего: 62
Ну, я дал тебе вполне реальный (и действенный) метод. А то, что ИЕ его не понимает, то это уже к МС претензии. Если нужно чтоб везде было, то, к сожалению, только через атрибуты.


--------------------
Как правильно задавать вопросы  
PM MAIL ICQ   Вверх
Kludge
Дата 24.1.2006, 19:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
smile а нету ответа для ИЕ smile нету
PM MAIL ICQ   Вверх
R.M.
Дата 25.1.2006, 02:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


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

Репутация: 9
Всего: 30
Почему нету? дали же ответ и он для вмех браузеров
Код

border-collapse: collapse;

всегда его юзаю. А почему собственно обязательно надо искать обходные пути? так сложно прописать cellpadding=0 cellspacing=0 ?


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

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Guedda
Дата 26.1.2006, 11:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


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

Репутация: 3
Всего: 78
Просто задание было полностью написать атрибуты всех тегов в css...


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
Cheba
Дата 26.1.2006, 14:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


pointless one
***


Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

Репутация: 14
Всего: 62
Ну, вот и пиши. Только чтобы не придрались можешь сказать, что в ИЕ не работает.


--------------------
Как правильно задавать вопросы  
PM MAIL ICQ   Вверх
Guedda
Дата 26.1.2006, 14:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


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

Репутация: 3
Всего: 78
Да у нас в универе на всех тачках стоят IE, а проверять будут без меня (т.е. сказали: "Отошлите нам на ящик то-то и то-то..")...
Ладно... Нельзя так нельзя...


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
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
PM WWW   Вверх
Guedda
Дата 27.1.2006, 17:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


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

Репутация: 3
Всего: 78
Спасибо. Вопрос решился.


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
slavonX86
Дата 4.7.2006, 17:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

Репутация: нет
Всего: 0
А зачем все пишут border='0' ? Я попробовал, и без него работает ! 
PM MAIL ICQ   Вверх
R.M.
Дата 5.7.2006, 17:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


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

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


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

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
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, что же делать теперь?
PM   Вверх
webster
Дата 8.8.2008, 12:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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

table.myClass td.myClass {
...
}
PM MAIL   Вверх
K1ng
Дата 8.8.2008, 12:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

Репутация: нет
Всего: нет
Действительно, webster +1
Используй классы!
PM MAIL WWW ICQ   Вверх
InfMag
Дата 8.8.2008, 12:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


…
***


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

Репутация: нет
Всего: 4
webster, спасиб. smile просто перестали работать указанные html аттрибуты cellpadding, а вот через css работает все
PM   Вверх
Страницы: (2) [Все] 1 2 
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.1416 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.