Table Spacing

[papillonstudios]

I am trying to remove all space between table cells using css. For a navigation bar. that is made up of completely images.

 

Im not sure whats going to but after everything i have tried there is still a 1px space in between each image.

 

what am i not doing?

 

<table>
            	<tr>
                	<td><img src="images/navbar/episodes.png" /></td>
                    <td><img src="images/navbar/videos.png" /></td>
                    <td><img src="images/navbar/news.png" /></td>
                    <td><img src="images/navbar/forums.png" /></td>
                    <td><img src="images/navbar/store.png" /></td>
                    <td><img src="images/navbar/contact.png" /></td>
                    <td><img src="images/navbar/panelRight.png" /></td>
            </table>

 

.navbar {
padding-top:10px;
}

.navbar table {
border-collapse: collapse;
margin-left:auto;
margin-right:auto;
width:auto;
}

.navbar td {
border:0;
margin:0;
}

[Omirion]

If you want the hard fix.

If you assign the images to each TD's background with CSS you can avoid the space. But you have to assign a different  id to each one. Or make a JS function to do it dynamically. If you need help with the JS fix post here i'll se what i can do.

 

I'm currently trying to figure away of doing it with <img>.

[iPixel]

dont forget to use padding:0px on .navbar td {}

[papillonstudios]

dont forget to use padding:0px on .navbar td {}

 

all spacing is gone thanks