|
|
|
|
![]() ![]() |
Feb 19 2006, 07:24 PM
Post
#1
|
|
|
the Q Group: [HOSTED] Posts: 1,133 Joined: 13-July 05 From: Lithuania, Vilnius Member No.: 7,059 myCENTs:5.70 |
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. |
|
|
|
Feb 19 2006, 09:57 PM
Post
#2
|
|
|
PESTICIDAL MANIAC Group: Members Posts: 626 Joined: 1-September 04 From: Auckland, New Zealand Member No.: 27 |
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. CODE <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 |
|
|
|
Feb 20 2006, 08:15 PM
Post
#3
|
|
|
the Q Group: [HOSTED] Posts: 1,133 Joined: 13-July 05 From: Lithuania, Vilnius Member No.: 7,059 myCENTs:5.70 |
Wow, thank you very much mastercomputers, it works as I want now.
|
|
|
|
![]() ![]() |
Similar Topics
|
Lo-Fi Version | Time is now: 5th December 2008 - 01:36 AM |