Две линии в таблице, или что то мешает?

Question

[Javier Nazari]

Есть стиль.

.menu a {
	border-collapse: collapse;
	border: solid 1px rgba(255, 255, 255, 0.3);
	display: block;
	padding: 0 15px;
	color: #909090;
	font: 15px/31px sans-serif;
	text-transform: uppercase;
	font-family: "Myriad Pro";
}

Но Collapse, не работает, что же делать?

Answer 1

[nowm]

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

В вашем примере «a» — блочный элемент. Если вы хотите, чтобы не было двойной рамки в этой ситуации, нужно будет играть с margin, делая отрицательные отступы, чтобы рамки накладывались друг на друга.

Comments

[Javier Nazari]

Спасибо за совет, не давно в этом деле.

[Алексей Типа]

Следующая револиция в сфере вебразработок, должна произойти именно в CSS

Answer 2

[asd111]

@HackerProNoob, покажите изображение того, что хотите получить