Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Проблема с границами ячеек таблицы...

Обсуждение темы Проблема с границами ячеек таблицы... в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Приветствую всех! Что-то меня переклинило и никак не могу решить элементарную задачу. Есть таблица в одну строку и шесть ячеек-колонок. Необходимо окрасить левую ...


Закрытая тема
 
Опции темы
Старый 05.06.2010, 09:39   #1
Приветствую всех!
Что-то меня переклинило и никак не могу решить элементарную задачу. Есть таблица в одну строку и шесть ячеек-колонок. Необходимо окрасить левую и правую границу ячеек (верхняя и нижняя границы невидимы) в белый цвет толщиной в один пиксель.
К сожалению, на сайте куда это надо внедрять прежним вебмастером везде применялись встроенные в HTML стили, то пишу следующий код:

<div align="center"><table bordercolor=#ffffff width="80%" cellspacing="1" id="table1">
<tr>
<td style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px">&nbsp;</td>
<td style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px">&nbsp;</td>
<td style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px">&nbsp;</td>
<td style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px">&nbsp;</td>
<td style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px">&nbsp;</td>
<td style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px">&nbsp;</td>
</tr>
</table>
</div>

В результате в IE таблица отображается как надо, границы белым цветом. Но FireFox закрашивает границы непонятным сереньким цветом (см. скрин вложение). Как добиться одинакового отображения в обоих браузерах, чтобы границы были белыми? Можете
подсказать решение?
Изображения
Тип файла: jpg ff.jpg (2.2 Кб, 8 просмотров)
Тип файла: jpg ie.jpg (2.2 Кб, 7 просмотров)
 
Старый 05.06.2010, 09:39
Ссылки
Старый 05.06.2010, 10:04   #2
в стили ячек добавить свойство border-left-color и соотв border-right-color
http://www.htmlbook.ru/css/border-left-color.html
http://www.htmlbook.ru/css/border-right-color.html
 
Этот пользователь сказал спасибо Ni_Splinter за это полезное сообщение:
Apologet (05.06.2010)
Старый 05.06.2010, 12:34   #3
Цитата:
Сообщение от petty pike Посмотреть сообщение
в стили ячек добавить свойство border-left-color и соотв border-right-color
http://www.htmlbook.ru/css/border-left-color.html
http://www.htmlbook.ru/css/border-right-color.html
Ок, спс...
 
Старый 05.06.2010, 22:20   #4
А до кода таблицы можете добраться и изменить его?
Код HTML:
<table bordercolor=#ffffff width="80%" cellspacing="1" id="table1">
заменить на
Код HTML:
<table class="someclass">
Затем все спокойно покрасить с помощью CSS.

Проблемы, скорей всего, из-за bordercolor.
 
Старый 05.06.2010, 22:20
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с вводом пользователя ширины рамки ячеек vladislav21 HTML, CSS, JavaScript 0 04.12.2010 21:45
Проблема с высотой таблицы в Firefox Dejust HTML, CSS, JavaScript 12 27.06.2009 17:18
таблицы внутри таблицы pasha_welt HTML, CSS, JavaScript 4 11.12.2006 20:12
Проблема с некоректным отображением таблицы в Opera. Пожалуйста, помогите разобраться Newdesigner HTML, CSS, JavaScript 0 25.11.2006 11:14
Печать таблиц с "тонкими" границами Pir HTML, CSS, JavaScript 9 22.11.2005 09:40


Текущее время: 20:17. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум