Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Кроссбраузерное оформление таблицы

Автор: Wolf1994 11.9.2005, 08:21

http://www.wolf-ware.ru/me.php?me=1 - в альтернативных браузерах таблица - белого цвета. Всё, что нашёл, это как окрасить через CSS ячейки таблицы. Как окрасить в зелёный таблицу? smile

Что ни делал, в Opera толком сделать не смог:

Код


table.tab {
padding: 5;
border: 1px solid green;
}

- это приводит к выделению границы вокруг таблицы, но не всей таблицы с ячейками smile

Автор: Bangladesh 11.9.2005, 09:18

если тебе нужно закрасить внутренности ячейки другим цветом то в css это выглядит как:

Код


.класс {
background-color: цвет;
}

если это не сработало то делай в HTML. у меня тоже когда-то такое было...

Код


<td bgcolor="цвет">

Автор: Burrr 11.9.2005, 12:05

Насколько я понимаю, Wolf1994 хочет покрасить рамки во всей таблице (в том чисое рамки ячееек), ну так для этого нужно указывать в стилях ячейку.
Попрробуй вот так, точно работает:

Код


table.tab td{
padding: 5;
border: 1px solid green;
}

Автор: Wolf1994 11.9.2005, 15:56

Burrr, спасибо. Так работает. Но, всё-равно, получается "щитками", как я и делал на CSS, только я прописывал class для каждой ячейки <td>... А, что же, выходит, сделать нормальную таблицу а-ля - <table border=1> - средствами CSS невозможно?

Автор: Burrr 11.9.2005, 21:57

Возможно, только надо чуть-чуть схитрить, вот так:

Код


table.tab{border-top:1px solid #000000; border-right:1px solid #000000}
table.tab td{border-bottom:1px solid #000000; border-left:1px solid #000000}

Автор: Wolf1994 11.9.2005, 22:35

Да, так можно сделать... Жаль, что всё-таки не получается оригинальной таблицы. Как можно было в CSS не предусмотреть обычную таблицу? smile

Хотя, возможно, я просто привык к старому варианту... Спасибо за помощь.

Автор: [xoodo] 14.9.2005, 23:20

Цитата

получается "щитками", как я и делал на CSS, только я прописывал class для каждой ячейки <td>... А, что же, выходит, сделать нормальную таблицу а-ля - <table border=1> - средствами CSS невозможно?

Возможно. Пропиши в стилях границу для всей таблицы и/или попробуй использовать border-collapse

Код


table.myClass
{
    background-color: green;
    border: 1px solid green;
    border-collapse: collapse;
}

Щитки должны уйти.

Автор: Wolf1994 15.9.2005, 15:05

Спасибо.

Автор: Wolf1994 15.9.2005, 23:29

Посмотрел спецификацию CSS. Согласно ей, при использовании collapse, до 7 версии Оперы возникают ошибки, да и Mac его не поддерживает. Но посмотрел в Опере 7.21 - всё в порядке поэтому решил прибегнуть к этому тэгу...