Не работает свойство border-collapse: collapse;

[Temik2704]

Добрый день,Судари и Сударыни!Подскажите пожалуйста новичку,почему в моем примере не работает свойство border-collapse: collapse;

Оно же должно по идее схлопывать границы,т.е. отображать 1 линию вместо 2х.

http://cssdesk.com/xf5uE

Если же я не прав с этим свойством - подскажите как можно по другому решить эту задачу?

P.s.Вы бы стали помещать 3 инпута в div?Или и так все в порядке?

Заранее спасибо!

P.p.s.

Подскажите почему у меня на пк и на cssdesk при одинаковом коде результат отображается по разному?

1.Картинка с пк

2.Картинка с cssdesk

Отступы разные!

Браузер хром последней версии.

Edited October 25, 2013 by Temik2704

[spdif]

Оно же должно по идее схлопывать границы,т.е. отображать 1 линию вместо 2х.

для таблиц ... да!

[Temik2704]

Оно же должно по идее схлопывать границы,т.е. отображать 1 линию вместо 2х.

для таблиц ... да!

Понятно...А можно как-то по другому решить эту проблему?

Я пробовал через применение nth-child чтобы каждый 2ой инпут не имел верх и нижней границы,но когда тыкаешь в этот инпут чтобы ввести текст,подсветка выводит это некрасиво.

[spdif]

как вариант ...

для тега form левый верхний правый

для тегов input нижний бордер

[Vlad]

Лучше убрать для всех input верхнюю границу, а потом добавить её сверху через first-child.