cell alignment

[workingonitstill]

I have a page with three pics which should be seemless, but no matter what style or in tag refinements I try to make the spaces remain. I know this is a popular topic, but all the suggestions I have seen do not work. here is the code.

.borow{
position:absolute;
border-collapse: collapse;
BORDER-CELLPADDING:0px;
BORDER-CELLSPACING:0px;
HSPACE:0px;
cell-margin:0px;
cell-padding:0px;
display:block;
bottom:20;
height:30;
font-size:0px;
{

<table name="star" width="100%" class="borow" >
<tr>
<td HSPACE=0 CELLSPACING="0"><image src="ltskbar.gif" border="0" hspace = "0" vspace = "0"></td><td><image src="mtskbar.gif"></td><td><img src="rtskbar.gif"></td>
</tr>
</table>

There was a suggestion(several) where removing the white space was a possible fix, but as you can see, I omited any space and now my code is running together.

Thanks in advance for any help.

Trey Melton

[drhowarddrfine]

There is no such thing, in CSS, as the following:
BORDER-CELLPADDING:0px;
BORDER-CELLSPACING:0px;
HSPACE:0px;
cell-margin:0px;
cell-padding:0px;

In addition, your closing bracket is facing the wrong way.

Validate your code to find all your errors.

[mtnative]

You are on the right track, just in the wrong spot. When working with tables it is important to define all the possible attributes. If you omitt any of the basic attributes a browser will make certain assumptions when rendering the table.

If you want images in adjacent cells to appear seamless you need to have the following in your table tag:

<table cellpadding="0" cellspacing="0" border="0">

Without the cellpadding and cellspacing attributes defined most browsers I'm familiar with will insert space between the cells by default, thereby giving you spaces between your images.

I would also define the height and width of each image within the img tag:

<img src="myimage.gif width="XX" height="XX" border="0">

I always add the border="0" in an image for the same reason I use the attributes in the table tag. If you don't define these things some browsers may make assumptions that result in an unintended display.

Take out all of the .css and try this to see if your images align correctly. Then, if you want to use .css for positioning or other purposes add it back in a bit at a time, checking the results after each addition to make sure the coding is working properly.