Need Help Fixing My Logo

[Quatrux 4]

I have created a logo for my site and cut it to fit into html, but I got a problem, I put everything into tables, on Opera and IBrowse it looks great, but on firefox and IE I can see spacings which annoys me, I don't know how to get rid of them..

here is the url: http://me.quatrux.net/ and if you will browse with Firefox or IE you will see, is it possible to make that there would be no spacing ? I have made border, cellpadding,cellspacing on html to 0, but still nothing changed, how to do it using CSS ? with margin or padding ? I tried, but no success.

[iGuest 3]

The simpliest way to fix this is to rewrite the table cells so that the information has no whitespacing (there is a bug or a misunderstanding with W3C on this, so I'm not sure who is correct on this).

I've written it out, making sure the cells (td) and contents are within the element with no unneccessary spacing.

<table align="center" border="0" cellspacing="0" cellpadding="0" width="764">	<tr>		<td>			<table align="center" border="0" cellspacing="0" cellpadding="0" width="100%">				<tr>					<td colspan="5"><img src="/images/quatrux-logo_header.jpg" width="763" height="143" alt=" Quatrux Logo " border="0" hspace="0" vspace="0"></td>				</tr>				<tr>					<td><a href="/browse.php/main.html" title="Main" onMouseover="main.src='/images/quatrux-logo_hmenu-main.jpg'" onMouseout="main.src='/images/quatrux-logo_menu-main.jpg'"><img src="/images/quatrux-logo_menu-main.jpg" width="106" height="76" alt=" Main " name="main" border="0" hspace="0" vspace="0"></a></td>					<td><a href="/browse.php/about.html" title="About" onMouseover="about.src='/images/quatrux-logo_hmenu-about.jpg'" onMouseout="about.src='/images/quatrux-logo_menu-about.jpg'"><img src="/images/quatrux-logo_menu-about.jpg" width="115" height="76" alt=" About " name="about" border="0" hspace="0" vspace="0"></a></td>					<td><a href="/browse.php/contact.html" title="Contact" onMouseover="contact.src='/images/quatrux-logo_hmenu-contact.jpg'" onMouseout="contact.src='/images/quatrux-logo_menu-contact.jpg'"><img src="/images/quatrux-logo_menu-contact.jpg" width="156" height="76" alt=" Contact " name="contact" border="0" hspace="0" vspace="0"></a></td>					<td><a href="/browse.php/me.html" title="Me" onMouseover="me.src='/images/quatrux-logo_hmenu-me.jpg'" onMouseout="me.src='/images/quatrux-logo_menu-me.jpg'"><img src="/images/quatrux-logo_menu-me.jpg" width="61" height="76" alt=" Me " name="me" border="0" hspace="0" vspace="0"></a></td>					<td><img src="/images/quatrux-logo_right.jpg" width="325" height="76" alt=" Logo " border="0" hspace="0" vspace="0"></td>				</tr>				<tr>					<td colspan="5"><img src="/images/quatrux-logo_bottom.jpg" width="763" height="46" alt=" Bottom " border="0" hspace="0" vspace="0"></td>				</tr>			</table>

And that will fix up the gaps.


Cheers,


MC

[Quatrux 4]

Wow, thank you very much mastercomputers, it works as I want now.