Как сделать рамку однопиксельную для таблиц?
Я делал так:
Но такой код делает все таблицы документа с однопиксельной черной рамкой, а нужно чтобы только некоторые таблицы были такими.Код:<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) внутри таблицы другие таблицы тоже будут с рамками, но редко нужно.
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'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>
Нужной таблице указываете class="tablewithborder", и получаете только эту таблицу с рамками.Код:.tablewithborder { border: solid 1px #000; border-collapse: collapse;} .tablewithborder td, .tablewithborder td { border: solid 1px #000;}
Ваши права
