Geek Answers Handbook

<tr> upper bound, but not lower bound

Here is the problem. I have a code, so I should see the border above and below each <tr> element. However, I only see what is below, with the exception of the top element.

 .tstyle1 { margin: 10px 0 0 30px; width: 950px; } .tstyle1 tr { height: 120px; border-bottom: 1px solid black; border-collapse: separate; border-top: 1px solid black; border-bottom: 1px solid orange; } .tstyle1 td { border: none; }

The problem is recreated here. http://jsfiddle.net/fL3rx/

+4
source share
2 answers

Try

by adding display: block; to your .tstyle1 tr

+7
source

The problem is that defining your border bottom just covers your border definition. Thus, the color below is not displayed. Try setting border-bottom:none and you will see the top borders.

However, @Pricey's offer did the magic.

+1
source

More articles:


All Articles