Как сделать рамку однопиксельную для таблиц? @ DeForum.ru

Как сделать рамку однопиксельную для таблиц?

Я делал так:

Код:

<style type="text/css">
table{border-collapse: collapse;}
td{border: 1px solid black;}
</style>

Но такой код делает все таблицы документа с однопиксельной черной рамкой, а нужно чтобы только некоторые таблицы были такими.

Как это красивее сделать? Привязать это правило к определенной таблице.

8 Сообщения: 5708 Зарегистрирован: 20.05.05

создать класс и прописать его для какой нужно тыблицы

Просто там одна часть стиля для таблицы, а другая для столбцов. Нужно в каждый столбец вставлять или можно проще сделать?

Veles, что конкретно нужно сделать?

просто класса два, а таблица одна, как вставить два класса (один для таблицы, а другой для столбцов td) в таблицу? Нужно в каждом теге td вставлять класс, или можно это сделать проще как-то?

Veles,

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head><style type="text/css">
/*класс для всех таблиц*/
table{background-color:red;color:#ffffff;}
/*стиль для отдельных ячеек*/
.td{background-color:#ffffff;color:#000000;}
</style></head><body>
<table>
<tr><td>text</td></tr>
<tr><td>text</td></tr>
<tr><td>text</td></tr>
<tr class="td"><td>text</td></tr>
<tr ><td>text</td></tr>
</table></body></html>

Спасибо, я именно это и спрашивал, если в таблице сто строк то нужно в каждой вставить class="td"

Veles, ну зачем именно так, если их сто, то практичнее их выводить циклом

84 Сообщения: 1562 Зарегистрирован: 13.01.05

Veles, нужно оптимизировать css-код так, чтобы для таблицы можно было прописать только один класс.

.talisman, ему просто нужны не все ячейки делать различными

.talisman, так а как это сделать, если не секрет?

Kurilshik, нет, просто для некоторых таблиц нужно, чтобы были однопиксельные рамки а для некоторых таблиц они не нужны. Я видел очень короткий пример который делает очень просто для всех таблиц однопиксельную рамнку. А вопрос в том, как для одной таблицы сделать однопиксельную рамку не вставляя в каждую строку класс.

Вот забавный пример, но он не полностью через CSS сделан, а хочется именно через css:

Код:

<style>
table.tm td{background-color:#ffffff; text-align:center}
</style>

<table class="tm" bgcolor="#000000" cellspacing=1 cellpadding=2 border=0 width=300>
<tr>
 <td>a</td>
 <td>b</td>
 <td>c</td>
 <td>d</td>
</tr>
<tr>
 <td>e</td>
 <td>f</td>
 <td>g</td>
 <td>h</td>
</tr>
<tr>
 <td>i</td>
 <td>j</td>
 <td>k</td>
 <td>l</td>
</tr>
</table> 

Veles, ну так сделай 5 классов и указывай их дя 5 таблиц, помоему это нормально

вот так:

Код:

.myTable {border-left:1px solid #000; border-top:1px solid #000;}
.myTable td, .myTable th {border-right:1px solid #000; border-bottom:1px solid #000; padding:2px 4px 4px;}

Veles,

Цитата:

не вставляя в каждую строку класс

Никак. Или вставляя ID.

Abstract писал(а):

Veles,

Цитата:

не вставляя в каждую строку класс

Никак. Или вставляя ID.

использовать айди сугубо для оформления -- суксь. Судя по уровню вопроса, товарищу до айди еще оооочень далеко...

IonDen666, большое спасибо!

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css"> 
.myTable {border-left:1px solid #000; border-top:1px solid #000;} 
.myTable td, .myTable th {border-right:1px solid #000; border-bottom:1px solid #000; padding:2px 4px 4px;} 
</style>
</head>
<body>
<table width="400" class="myTable"  cellspacing=0  >
  <tr>
    <td>dsfasdf</td>
    <td>&</td>
  </tr>
  <tr>
    <td> </td>
    <td>&</td>
  </tr>  
</table>
</body>
</html>

Минусы:
1) если ячейка полностью пустая, то рамки в ней нет, нужно пробел вставлять
2) внутри таблицы другие таблицы тоже будут с рамками, но редко нужно.

Veles, это для чистых таблиц. С этим кодом можно конечно извращатся как попало.

0 Сообщения: 21 Зарегистрирован: 14.12.05

Abstract писал(а):

Veles,

Цитата:

не вставляя в каждую строку класс

Никак. Или вставляя ID.

Всё возможно. Надо использовать контекстные селекторы, как выше написал IonDen666.

Veles,

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>—</title>
<style type="text/css">
<!--
.border{
  border-collapse: collapse;
  border-style:solid;
}
-->
</style>
</head>

<body>
<table class="border" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>&</td>
    <td>&</td>
  </tr>
  <tr>
    <td>&</td>
    <td>&</td>
  </tr>
</table>
</body>
</html>

Битник, ну контекстные селекторы. Какая разница? Суть-то в том, что по любому необходимо одни таблицы отличить от других. Понятно, что если задача сформулирована именно настолько абстрактно, как в данном случае, то всё равно самым прямым решением является класс.

Ainur, понятно, что так можно, но зачем снова городить код в теге, вместо того, чтобы всё решить во внешнем CSS?

DeДверь
Логин:
Пароль:
	Автологин