| |
 4.4 Кб |
|
| | В таблице, занимающей 100% экрана по ширине, требуется выделить столбец шириною 250 пикселей, и при этом иметь цветную рамку и разделители ячеек заданного размера.
На Форуме есть очень похожий пример, но после моей "доработки" он ведет себя странно: таблица сжалась по ширине и появились просветы в пересечениях разделителей (см. скриншот).
Код вот такой:
<style type="text/css">
table {
width="100%";
cellspacing="0";
cellpadding="0";
border-top:10px solid red;
border-left:10px solid red;
}
table tr {
border-top:1px solid red;
border-left:1px solid red;
}
table tr td{
border-bottom:10px solid red;
border-right:10px solid red;
}
</style>
</head>
<body>
<table >
<tr>
<td width="250">Один</td>
<td>Два</td>
</tr>
<tr>
<td>Три</td>
<td>Четыре</td>
</tr>
</table>
|
При этом элемент
table tr {
border-top:1px solid red;
border-left:1px solid red;
}
|
оказывается бесполезным - его изменение ни на что не влияет.
Как все это исправить? | |
| |
|
|
| |
|
|
| |
для: Владимир55
(18.12.2009 в 13:30)
| | |
width="100%";
cellspacing="0";
cellpadding="0";
|
в css пишется так:
название свойства : значение ;
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(18.12.2009 в 13:49)
| | | cellspacing
и такого свойства не существует в css:) | |
| |
|
|
| |
|
|
| |
для: Владимир55
(18.12.2009 в 13:30)
| | | межячеечный интервал:
table { border-collapse: collapse; } /*cellspacing="0"
|
| |
| |
|
|
