Форум программистов «Весельчак У»
  *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

  • Рекомендуем проверить настройки временной зоны в вашем профиле (страница "Внешний вид форума", пункт "Часовой пояс:").
  • У нас больше нет рассылок. Если вам приходят письма от наших бывших рассылок mail.ru и subscribe.ru, то знайте, что это не мы рассылаем.
   Начало  
Наши сайты
Помощь Поиск Календарь Почта Войти Регистрация  
 
Страниц: [1]   Вниз
  Печать  
Автор Тема: Заливка границ ячеек  (Прочитано 12554 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Razor
Помогающий

ru
Offline Offline
Пол: Мужской

« : 26-02-2007 19:14 » 

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

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

il
Offline Offline
Пол: Мужской
Пролетал мимо


« Ответ #1 : 26-02-2007 22:35 » new

Объявляеш такие стили
Код: (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>
« Последнее редактирование: 26-02-2007 22:37 от Finch » Записан

Не будите спашяго дракона.
             Джаффар (Коша)
Gh0stik
Гость
« Ответ #2 : 26-02-2007 22:52 » 

Ну чтож вот 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
Технический
Администратор

ru
Offline Offline
Пол: Мужской

WWW
« Ответ #3 : 27-02-2007 07:08 » 

Очень рекомендую пользоваться свойством 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. Первый - близкий к стандарту, второй - как бог на душу положит. Поведение в этих режимах различается очень сильно, соотв., если придерживаешься стандарта, то шанс, что страница будет долгое время выглядеть в разных браузерах одинаково, повышается.
« Последнее редактирование: 27-02-2007 07:13 от RXL » Записан

... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
Razor
Помогающий

ru
Offline Offline
Пол: Мужской

« Ответ #4 : 27-02-2007 19:55 » 

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

ru
Offline Offline
Пол: Мужской

WWW
« Ответ #5 : 27-02-2007 20:31 » 

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

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

... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
Razor
Помогающий

ru
Offline Offline
Пол: Мужской

« Ответ #6 : 28-02-2007 19:53 » 

RXL, о...во я дурак) точно! буду использовать одну таблицу)))
надо - ну там просто дизайн так задуман, что оба столбика должны иметь одинаковую длину - красивее так и ровнее )
Благодарю
Записан
Страниц: [1]   Вверх
  Печать  
 

Powered by SMF 1.1.21 | SMF © 2015, Simple Machines