An interesting predicament

[Shmohel]

So, I am going through and making my page and all, and I get to a section where I am recalling data from a database and putting into a viewable table. The point i am trying to make is that the table will be constantly changing sizes.

Anyone got any ideas on how to format the borders for ONLY the inside borders? I do not want a border around the table, only separating the inner cells.

[Paul Jr]

table td {
border: 1px solid #000;
}
?

[Shmohel]

Originally posted by Paul Jr
table td {
border: 1px solid #000;
}
?

that is not really what I am looking to do either.

this is what I have:


.info table {
border: 0px;
}
.info table td {
border-left: solid 1px #333;
border-right: solid 1px #333;
padding: 6px;
margin:0px;
font: bold 11px Arial,Tahoma;
text-align: center;
color: #69819C;
}


what I want to do, however, is on the left most box, I want border-left:0, and for the right most: border-right:0.

Not sure how to do this.

[NogDog]

All I can think of is that the left-most and right-most TDs will have to be separate classes.

[Paul Jr]

Are you maybe looking for the border-collapse property?

.info table {
border: 0;
border-collapse: collapse;
}
.info table td {
border-left: 1px solid #333;
border-right: 1px solid #333;
padding: 6px;
margin: 0;
font: bold 11px Arial,Tahoma;
text-align: center;
color: #69819C;
}

If that is not it, you will probably have to do as NogDog suggested and assign the cells a class.