Проблема в установке высоты таблицы в один пиксель

Question

Привет У меня есть html-страница, использующая css. Когда я пытаюсь добавить таблицу с высотой 1 пиксель на этой странице следующим образом ..

---

<table width="100%"> 
<tr style="height:1px;"> 
<td style="background-color:red; width:2.5%;"> 
</td> 

<td style="background-color:orange;"> 
</td> 

<td style="background-color:red; width:2.5%;"> 
</td> 

</tr> 
</table> 

---

Это сделать таблицу с высотой 18 пикселей. Это может быть связано с тем, что css, связанный с этим html, имеет определенные критерии для таблицы. Кто-нибудь может предложить мне, как изолировать эту единственную таблицу, чтобы на нее не влиял этот css ... Ответы высоко оценены. Заранее спасибо.

Answer 1

Если CSS противоречит связанному CSS, просто используйте селектор !important для его перезаписи - вот почему он там в первую очередь. Я бы посоветовал вместо этого изменить связанный файл CSS, хотя, если вы в состоянии.

http://jsfiddle.net/RWuAb/

<table width="100%" style="height:1px !important;"> 
<tr style="height:1px !important;"> 
<td style="background-color:red; width:2.5%;"> 
</td> 
<td style="background-color:blue; width:2.5%;"> 
</td> 
<td style="background-color:orange;"> 
</td> 
<td style="background-color:red; width:2.5%;"> 
</td> 
</tr> 
</table>

Answer 2

Вы не можете установить высоту в строках таблицы в CSS. Попробуйте применить стиль к элементу таблицы.

Answer 3

Если CSS действует на всех <table>, вы не можете отменить его. Узнайте, что применяется к вашему элементу, затем переопределите его с помощью CSS, привязанного к новому классу.

Answer 4

Если у вас есть пустой ТД это окажет странно, добавить стиль = "Размер шрифта: 1px;" на тд затем положите & nbsp; в td. Тогда он будет уважать высоту: 1px; на элементе таблицы