VPF::Как при помощи CSS сделать границы таблицы

Nickname

Дата 14.8.2007, 10:32 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

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

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

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

Это сообщение отредактировал(а) Nickname - 14.8.2007, 10:51

Scream

Дата 14.8.2007, 10:56 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

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

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

Код


table, table td { border: 1px solid #FF0000; }

Это будет работать для всех таблиц на сайте, а если нужно только «избранным», то:

Код


.table, .table td { border: 1px solid #FF0000; }

и этим «избранным» таблицам присваивай класс .table (или можешь изменить на любой другой).

Nickname

Дата 14.8.2007, 11:01 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

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

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

Делаю как вы сказали но всеравно границы между ячейками получаются толстые (вроде как сдвоенные):

Код


...
<style type="text/css">
.tbl1 td{ border: 1px solid #999999;}
</style>
...
<table width="500" height="200" class="tbl1" cellspacing="0">
  <tr>
    <td width="185">&nbsp;</td>
    <td width="99">&nbsp;</td>
    <td width="159">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

Добавлено через 3 минуты и 40 секунд
Делаю как вы сказали но всеравно границы между ячейками получаются толстые (вроде как сдвоенные):

Код


...
<style type="text/css">
.tbl1 td{ border: 1px solid #999999;}
</style>
...
<table width="500" height="200" class="tbl1" cellspacing="0">
  <tr>
    <td width="185">&nbsp;</td>
    <td width="99">&nbsp;</td>
    <td width="159">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

Scream

Дата 14.8.2007, 11:08 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

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

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

Код


<style type="text/css">
.tbl1 { border-collapse: collapse; border: 1px solid #999999; }
.tbl1 td { border: 1px solid #999999; }
</style>

Nickname

Дата 14.8.2007, 11:10 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

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

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

Спасибо, так работает.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »