[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как создать таблицу со внутренними линиями ?
Oggy
Здравствуйте.
Мне нужно чтобы в таблице были только внутрении линии. Как убрать внешние ?



Спустя 12 минут, 9 секунд (8.08.2012 - 20:44) VolDroN написал(а):
как то так, может
td { border-bottom: 1px solid black; border-right: 1px solid black; }
td:last-child { border-right: none; }
tr:last-child td { border-bottom: none; }

Спустя 2 минуты, 29 секунд (8.08.2012 - 20:47) Игорь_Vasinsky написал(а):
ОоО.. это так нуторно) тока в CSS

к таблицу
border:0px;
border-collapse:collapse;

ко всем ячейкам
border:1px solid black;

к верхним ячейкам прописать

border-top:0px;

+ если верхняя левая ещё
border-left: 0px;

+ если верхняя правая ещё
border-right: 0px;

для всех нижних
border:1px solid black;
border-bottom:0px;

+ если нижняя левая ещё
border-left: 0px;

+ если нижняя правая ещё
border-right: 0px;

и так же для всех левых крайних
border-left:0px;

и так же для всех левых крайних
border-right:0px;


и получиться

_|_|_
_|_|_
| |

Спустя 20 секунд (8.08.2012 - 20:47) Oggy написал(а):
Цитата (VolDroN @ 8.08.2012 - 18:44)
как то так, может
td { border-bottom: 1px solid black; border-right: 1px solid black; }
td:last-child { border-right: none; }
tr:last-child td { border-bottom: none; }

не....непомогло

Спустя 1 минута, 28 секунд (8.08.2012 - 20:49) VolDroN написал(а):
Oggy как не помогло? только что тестил)

Спустя 1 минута, 40 секунд (8.08.2012 - 20:50) VolDroN написал(а):
может у тебя к таблице другие стили есть?
попробуй так

table, tr, td {border:none;}
td { border-bottom: 1px solid black; border-right: 1px solid black; }
td:last-child { border-right: none; }
tr:last-child td { border-bottom: none; }


или скинь свои стили к таблице если есть

Спустя 3 минуты, 53 секунды (8.08.2012 - 20:54) Oggy написал(а):
Цитата (Игорь_Vasinsky @ 8.08.2012 - 18:47)
ОоО.. это так нуторно) тока в CSS

к таблицу
border:0px;
border-collapse:collapse;

ко всем ячейкам
border:1px solid black;

к верхним ячейкам прописать

border-top:0px;

+ если верхняя левая ещё
border-left: 0px;

+ если верхняя правая ещё
border-right: 0px;

для всех нижних
border:1px solid black;
border-bottom:0px;

+ если нижняя левая ещё
border-left: 0px;

+ если нижняя правая ещё
border-right: 0px;

и так же для всех левых крайних
border-left:0px;

и так же для всех левых крайних
border-right:0px;


и получиться

_|_|_
_|_|_
| |

сработала ))
а как установить цвет внутренних линий ?

Спустя 3 минуты, 42 секунды (8.08.2012 - 20:58) Игорь_Vasinsky написал(а):
td{
background-color: red;
}

Спустя 18 часов, 35 минут, 25 секунд (9.08.2012 - 15:33) dron4ik написал(а):
Цитата (Игорь_Vasinsky @ 8.08.2012 - 18:58)
td{
background-color: red;
}

но они же будут красные... а нужно синие)))

Спустя 1 час, 41 секунда (9.08.2012 - 16:34) Игорь_Vasinsky написал(а):
)))) да я для примера привёл laugh.gif
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.