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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Кроссбраузерное оформление таблицы 
:(
    Опции темы
Wolf1994
Дата 11.9.2005, 08:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

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



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

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

- это приводит к выделению границы вокруг таблицы, но не всей таблицы с ячейками smile
PM MAIL WWW   Вверх
Bangladesh
Дата 11.9.2005, 09:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


AsBest
***


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

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



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

Код

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


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


Код

<td bgcolor="цвет">





--------------------
ок
PM MAIL WWW ICQ Skype   Вверх
Burrr
Дата 11.9.2005, 12:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



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

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

smile

Это сообщение отредактировал(а) Burrr - 11.9.2005, 12:08


--------------------
PM MAIL ICQ   Вверх
Wolf1994
Дата 11.9.2005, 15:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

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



Burrr, спасибо. Так работает. Но, всё-равно, получается "щитками", как я и делал на CSS, только я прописывал class для каждой ячейки <td>... А, что же, выходит, сделать нормальную таблицу а-ля - <table border=1> - средствами CSS невозможно?
PM MAIL WWW   Вверх
Burrr
Дата 11.9.2005, 21:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



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

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}



--------------------
PM MAIL ICQ   Вверх
Wolf1994
Дата 11.9.2005, 22:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

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



Да, так можно сделать... Жаль, что всё-таки не получается оригинальной таблицы. Как можно было в CSS не предусмотреть обычную таблицу? smile Хотя, возможно, я просто привык к старому варианту... Спасибо за помощь.
PM MAIL WWW   Вверх
[xoodo]
Дата 14.9.2005, 23:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



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

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

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

Щитки должны уйти.
PM   Вверх
Wolf1994
Дата 15.9.2005, 15:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

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



Спасибо.
PM MAIL WWW   Вверх
Wolf1994
Дата 15.9.2005, 23:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

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



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

Это сообщение отредактировал(а) Wolf1994 - 15.9.2005, 23:30
PM MAIL WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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