Заливка границ ячеек

[Razor]

Имеется таблица с двумя ячейками (1 строка)
задача - залить границу так, чтобы между ячейками гранийа была видна и черная допустим шириной 1px,
 остальные границы под цвет фона - белые..или вообще убрать их если можно...

знаю что css надо но запутался уже мозги кипят *смайл бъющийся головой о стол*
заранее спасибо всем

[Finch]

Объявляеш такие стили

Код: (CSS)

.borderOne
{
   border-left: 0px;
   border-right: 1px solid black;
   border-top: 0px;
   border-bottom: 0px;
}

.borderTwo
{
   border-left: 0px;
   border-right: 0px;
   border-top: 0px;
   border-bottom: 0px;
}

Ну и естественно сама таблица будет выглядеть так

Код: (HTML)

   <TABLE>
      <TR>
         <TD class="borderOne">One </TD>
         <TD class="borderTwo">Two </TD>
      </TR>
   </TABLE>

[Gh0stik]

Ну чтож вот CSS-стиль который Вас интересует (в нем описан класс TDD):

Код:

.tdd {border-left-style:solid; border-color:black}

А вот и сам пример для испытаний... 

Код:

<link rel=stylesheet type=text/css href="1.css">
<table >
<tr>
<td>aaaa</td><td class=tdd>bbbb</td>
</tr>
</table>

Удачи!!!

[RXL]

Очень рекомендую пользоваться свойством border-collapse: collapse; - не будет удвоенных границ.


Другой распространенный метод: прозрачная таблица и непрозрачные ячейки.

Код: (HTML)

<div class="background">
  <table class="nogrid" cellspacing="1">
    <tr><td class="nogrid cell">.....</td><td class="nogrid cell">.....</td></tr>
  </table>
</div>

Код: (CSS)

.background
{
  background-color: black;
}

.nogrid
{
  border: none;
}

.cell
{
  background-color: white;
}

Атрибут cellspacing задает ширину сетки (в том числе внешнюю границу).

P.S.: рекомендую придерживаться стандатров.
Пример Finch-а соответствует HTML4, а пример Gh0stik не соответствует ни одному стандарту.
Браузеры работают в двух основных режимах: standard compilance и quirk. Первый - близкий к стандарту, второй - как бог на душу положит. Поведение в этих режимах различается очень сильно, соотв., если придерживаешься стандарта, то шанс, что страница будет долгое время выглядеть в разных браузерах одинаково, повышается.

[Razor]

Спасибо, помогло)
Сюдаже (к вопросу о двух ячейках) небольшое дополнение
В каждой ячейке содержится таблица. первая таблица выходит длинее из-за того, что в ней больше текста.
Вторая таблица получается короче.
Вопрос - как сделать так, чтобы таблицы динамически изменяли длину, чтобы находились на одинаковом уровне. height="100%" не помогает(

[RXL]

Razor, для двух таблиц - практически никак. Можно разве что попытаться с JS похимичить, но эффект может быть не похож на желаемый. Кстати, зачем это надо? Таблица - не сетка в екселе - это ограниченная область.

Можно использовать одну таблицу, сделав разделяющий столбец прозрачным. Побочный эффект - одинаковая высота строк в "таблицах".

[Razor]

RXL, о...во я дурак) точно! буду использовать одну таблицу)))
надо - ну там просто дизайн так задуман, что оба столбика должны иметь одинаковую длину - красивее так и ровнее )
Благодарю