Вид для печати
Как сделать рамку однопиксельную для таблиц?
Я делал так:
Но такой код делает все таблицы документа с однопиксельной черной рамкой, а нужно чтобы только некоторые таблицы были такими.Код:<style type="text/css">
table{border-collapse: collapse;}
td{border: 1px solid black;}
</style>
Как это красивее сделать? Привязать это правило к определенной таблице.
Просто там одна часть стиля для таблицы, а другая для столбцов. Нужно в каждый столбец вставлять или можно проще сделать?
Я бы сделал вот так:
TABLE {
border-collapse: collapse;
}
TABLE TD, TABLE TH {
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
}
TABLE.TWB (Типа Table With Border) {
border: 1px #FF9933 solid;
}
И тогда таблицы где ты пишешь class="TWB" они с рамкой вокруг таблицы
А если надо рамку вокруг всех ячеек, то так как ты. Или можно еще у таблицы поставить cellspacing="1" и сделать у таблицы background определенного цвета.
Кстати, почему-то если в TABLE TD поставить margin: 1px; то такого эффекта нет... Разве margin не то же самое? Кто нибудь профи может подскажет?
Violator, у меня твой код не заработал. На данный момент, лучшее что я нашел это вот что:
Минусы:Код:<!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) внутри таблицы другие таблицы тоже будут с рамками, но редко нужно.
[Only registered and activated users can see links. Click Here To Register...]
Konopliov*Anton, там не самые лучшие, на мой взгляд, варианты.
Хотя нет, последний вариант как раз то, о чем мы говорили:
Код:table.border{
border-color: black;
border-style: solid;
border-width: 0 1px 1px 0
}
table.border td, table.border th{
border-color: black;
border-style: solid;
border-width: 1px 0 0 1px
}
Так в чем проблема? Классы никто не отменял.Цитата:
Originally posted by Veles@Dec 19 2005, 13:58
Как сделать рамку однопиксельную для таблиц?
Я делал так:
Но такой код делает все таблицы документа с однопиксельной черной рамкой, а нужно чтобы только некоторые таблицы были такими.Код:<style type="text/css">
table{border-collapse: collapse;}
td{border: 1px solid black;}
</style>
Как это красивее сделать? Привязать это правило к определенной таблице.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]</div>
Нужной таблице указываете class="tablewithborder", и получаете только эту таблицу с рамками.Код:.tablewithborder { border: solid 1px #000; border-collapse: collapse;}
.tablewithborder td, .tablewithborder td { border: solid 1px #000;}