[SOLVED] Spaces Between Few Images. Please HELP TO FIX IT :(

[arcademint.com]

Hello Friends,

 

my site is : http://www.sonybeat.com

i have a small problem..

 

i just created a image tab using a code like below..

its looking ok in IE ..but..Looks with some spaces in FireFox ..Please help me to fix it

 

PLEASE HELP ME... ITS URGENT FOR ME :-D

i tried to add valign=bottom , vspace=0 for some <td> and images.. but that was not works..

i attached 2 screen shot with red outlined the error.. below..

        <td align="center" style="PADDING-BOTTOM: 0px; PADDING-TOP: 0px">

                        <table width="750"  border="0" cellspacing="1"

 

cellpadding="0">

                          <tr align="center">

 

                            <td width="136px" height="32px"><a

 

href="www.sonybeat.com/index.php"><img src="images/button1_b.png" border="0"></a></td>

                                                      <td width="136px"

 

height="32px"><a href="www.sonybeat.com/upload.php"><img src="images/button2.png"

 

border="0"></a></td>

                                                      <td width="136px"

 

height="32px"><a href="www.sonybeat.com/video.php?next=watch"><img src="images/button3.png"

 

border="0"></a></td>

                                                      <td width="136px"

 

height="32px"><a href="www.sonybeat.com/channels.php"><img src="images/button4.png"

 

border="0"></a></td>

                                                      <td width="136px"

 

height="32px"><a href="www.sonybeat.com/groups.php"><img src="images/button5.png"

 

border="0"></a></td>

                                                      <td width="136px"

 

height="32px"><a href="www.sonybeat.com/friends.php"><img src="images/button6.png"

 

border="0"></a></td>

                          </tr>

                        </table>

                        </td>

 

 

ITS THE SCREENSHOT IN IE

 

ITS THE SCREENSHOT IN FIRE FOX

[fredb]

Have you tried changing <tr align="center"> with <tr align="center" valign="bottom"> ?

[arcademint.com]

i will try now...and let you know the results..

 

Thanks ! 

[arcademint.com]

it gave me the same result..

 

this error making me mad ! 

[arcademint.com]

any ideas please ? 

[Copyright]

I think you should try forcing those images with negative bottom offset;

 

.imgbutton{border:0;position relative;bottom:-3px;}

* html .imgbutton{bottom:0;} // hidding the fix from IE6

............................

cellpadding="0">

                          <tr align="center">

 

                            <td width="136px" height="32px"><a

 

href="www.sonybeat.com/index.php"><img src="images/button1_b.png" class="imgbutton">[/url]</td>

                                                      <td width="136px"

...........................

 

 

 

 

[arcademint.com]

WOW !!!

 

Its Aacctualy Works !  :) :) :) :)

 

here is the CSS i used to Switch between IE / FireFox..

 

.imgbutton{

border:0;

position:relative;

bottom:-3px; // Work With Other Browsers...

#bottom:0px; // Works With IE..

}

Thanks a lot !!!