0

Hi
I have a web page that displays rows of records split into 6 columns. To make each line a bit more readable, I wanted to use CSS code to display a continuous border at the bottom of each row. Here is the CSS code:

#timetable-body td {
font-family: 'Comic Sans MS', Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #006400;
	background-color: #FFFACD;
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-color: #400040;
	border-bottom-style: solid;
}

The code works just as one would expect, except it leaves a tiny gap between each column, which I think makes it look tatty.

I tried giving it a dashed style, which more of less "hides" the gap.

But I would really like to have a solid line, right across all of the columns.

Does anyone here know how to do this? Or is it not possible?

Thanks
Terry

1
Contributor
1
Reply
2
Views
6 Years
Discussion Span
Last Post by terrymold
0

Panic over!

I used cellspacing = 0px, although not within the CSS, but in the table HTML code.

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.