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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Проблема с border-spacing, Помогите побороть осла! 
V
    Опции темы
AztEK
Дата 13.9.2006, 18:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Вот код:
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>тест</title>
        <style>
            table {
                border-left: 1px #bbb solid;
                border-top: 1px #bbb solid;
                border-bottom: 1px #eee solid;
                border-right: 1px #eee solid;
                border-collapse: separate;
                border-spacing: 0px;
                padding: 0px;
                margin: 0px;
            }
            tr {
                padding: 0px;
                margin: 0px;
            }
            
            td {
                padding: 3px;
                background-color: #ddd;
                border-left: 1px #fff solid;
                border-top: 1px #fff solid;
                border-bottom: 1px #bbb solid;
                border-right: 1px #bbb solid;
                margin: 0px;
            }
        </style>
    </head>
    <body style="background-color: #f0f0f0;">
        <table>
            <tr>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
            </tr>
            <tr>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
            </tr>
            <tr>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
            </tr>
            <tr>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
            </tr>
            <tr>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
                <td>Привет!</td>
            </tr>
        </table>
    </body>
</html>


В Opera и FF он отображается, как требуется - в виде трехмерных панелек. 
В IE - появляются отступы. Пробовал шаманить с margin, padding и проч. - ничего не получается  smile Помогите!


--------------------
Linux is like wigwam -- no windows, no gates, apache inside.
PM MAIL Jabber   Вверх
Illuminaty
Дата 13.9.2006, 19:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Самое простое решение, которое приходит в голову:
Код
<table summary="" cellspacing="0">

PM MAIL ICQ   Вверх
AztEK
Дата 14.9.2006, 13:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Помогло cellspacing="0". Спасибо!
Однако плохо аттрибутами  smile 
Как показал поиск по форуму, IE игнориреут border-spacing  smile 
Может есть другие идеи?
Нужно получить таблицу с ячейками аля 3D.


--------------------
Linux is like wigwam -- no windows, no gates, apache inside.
PM MAIL Jabber   Вверх
R.M.
Дата 14.9.2006, 14:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Цитата(AztEK @  14.9.2006,  14:04 Найти цитируемый пост)
Помогло cellspacing="0". Спасибо!
Однако плохо аттрибутами

AztEK, 
Код

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


Это сообщение отредактировал(а) R.M. - 14.9.2006, 14:12


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

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


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


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

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



Куксикус, для этого придется в каждый td засовывать div с padding: 3px. На мой взгляд, cellspacing="0" самое простое решение.  smile 
CSS - это, конечно, хорошо, но не следует усложнять код из-за IE.
PM MAIL ICQ   Вверх
R.M.
Дата 14.9.2006, 17:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



table {border-collapse: collapse;} разве не тоже самое что cellspacing="0" ?
Стиль для td вроде тока ненадо.


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

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


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


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

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



Тогда эффекта трехмерности не получится  smile 
PM MAIL ICQ   Вверх
AztEK
Дата 14.9.2006, 18:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Вот-вот! Замкнутый круг...  smile 
Просто уже есть много страничек без cellspacing, переделывать всё долго...

Цитата(Illuminaty @  14.9.2006,  19:27 Найти цитируемый пост)
CSS - это, конечно, хорошо, но не следует усложнять код из-за IE. 

Действительно, зачем усложнять код ради 80% пользователей  smile .


--------------------
Linux is like wigwam -- no windows, no gates, apache inside.
PM MAIL Jabber   Вверх
Illuminaty
Дата 14.9.2006, 19:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Я говорил, что легче один раз написать cellspacing="0", чем обходить его с помощью различного рода ухищрений  smile 
PM MAIL ICQ   Вверх
AztEK
Дата 15.9.2006, 11:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Ну ладно!  smile Буду юзать cellspacing.
Illuminaty, ещё раз спасибо за подсказку!


--------------------
Linux is like wigwam -- no windows, no gates, apache inside.
PM MAIL Jabber   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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