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?


Panic over!

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

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.19 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.