Guys could you please tell me how to remove td spaces around a image using css. I have attached a image with this for your ease. Thank you very much
My HTML Table code <table width="100%" class="table_bd" border="1" height="1000"> <tr> <td rowspan="7" class="ad_colm_left"> <p id="left_1"><a href="#" target="_self"><img width="200" src="ads/left/1/ad.png" title="<?php echo this_ad?>"/></p> <p id="left_2"><a href="#" target="_self"><img width="200" src="ads/left/2/ad.png" title="<?php echo this_ad?>"/></p> <p id="left_3"><a href="#" target="_self"><img width="200" src="ads/left/3/ad.png" title="<?php echo this_ad?>"/></p> <p id="left_4"><a href="#" target="_self"><img width="200" src="ads/left/4/ad.png" title="<?php echo this_ad?>"/></p> </td> <td class="lb"><table> <tr> <td class="a"><a href="#" target="_self"><img src="bag/a/0.png" width="290" title="<?php echo menu_news_snews?>"/></td> </tr> <tr> <td class="b"><a href="#" target="_self"><img src="bag/b/0.png" width="290" title="<?php echo menu_news_enews?>"/></td> </tr> <tr> <td class="c"><a href="#" target="_self"><img src="bag/c/0.png" width="290" title="<?php echo menu_news_opapers?>"/></td> </tr> <tr> <td class="d"><a href="#" target="_self"><img width="290" src="bag/d/0.png"/></td> </tr> </table></td> <td class="rb"><table> <tr> <td width="171" class="g"><a href="#" target="_self"><img width="290" src="bag/g/0.png"/></td> </tr> <tr> <td class="h"><a href="#" target="_self"><img width="290" src="bag/h/0.png"/></td> </tr> <tr> <td class="i"><a href="#" target="_self"><img src="bag/i/0.png" width="290" title="<?php echo ada_udarata?>"/></td> </tr> <tr> <td class="j"><a href="#" target="_self"><img width="290" src="bag/j/0.png"/></td> </tr> <tr> <td class="k"><a href="#" target="_self"><img width="290" src="bag/k/0.png"/></td> </tr> <tr> <td class="l"><a href="#" target="_self"><img width="290" height="25" src="bag/l/0.png"/></td> </tr> <tr> <td colspan="2" class="x"><table> <tr> <td class="m"><a href="#" target="_self"><img width="140" src="bag/m/0.png"/></td> <td class="n"><a href="#" target="_self"><img width="140" src="bag/n/0.png"/></td> </tr> </table></td> </tr> <tr> <td colspan="2" class="x"><table> <tr> <td class="o"><a href="#" target="_self"><img width="140" src="bag/o/0.png"/></td> <td class="p"><a href="#" target="_self"><img width="140" src="bag/p/0.png"/></td> </tr> </table></td> </tr> <tr> <td class="q"><a href="#" target="_self"><img width="290" src="bag/q/0.png"/></td> </tr> </table></td> <td rowspan="4" class="ad_colm_right"> <p id="right_1"><a href="#" target="_self"><img width="200" src="ads/right/1/ad.png" title="<?php echo this_ad?>"/></p> <p id="right_2"><a href="#" target="_self"><img width="200" src="ads/right/2/ad.png" title="<?php echo this_ad?>"/></p> <p id="right_3"><a href="#" target="_self"><img width="200" src="ads/right/3/ad.png" title="<?php echo this_ad?>"/></p> <p id="right_4"><a href="#" target="_self"><img width="200" src="ads/right/4/ad.png" title="<?php echo this_ad?>"/></p> </td> <tr> <td colspan="2" class="v"><table> <tr> <td class="e"><a href="#" target="_self"><img width="400" height="50" src="bag/e/0.png"/></td> <td class="r"><a href="#" target="_self"><img width="200" src="bag/r/0.png"/></td> </tr> </table></td> <tr> <td colspan="2" class="w"><table> <tr> <td class="f"><a href="#" target="_self"><img width="100" src="bag/f/0.png"/></td> <td class="s"><a href="#" target="_self"><img width="500" src="bag/s/0.png"/></td> </tr> </table></td> <tr> <td colspan="2" class="t"><a href="#" target="_self"><img width="600" src="bag/t/0.png" title="<?php echo our_logos?>"/></td> </table> HTML: My CSS code td.ad_colm_left{ width:212px; border:#FF3300; border:solid; border-width:1px; height:auto;} div.search{ display:block; } td.ad_colm_right{ width:212px; border:#FF3300; border:solid; border-width:1px; height:auto; } #left_1{ text-align:center; height:303px; margin-bottom:1px; margin-top:0px; } #left_2{ text-align:center; height:303px; margin-bottom:1px; } #left_3{ text-align:center; height:303px; margin-bottom:1px; } #left_4{ text-align:center; height:303px; margin-bottom:1px; } #right_1{ text-align:center; height:303px; margin-bottom:1px; margin-top:1px; } #right_2{ text-align:center; height:303px; margin-bottom:1px; } #right_3{ text-align:center; height:303px; margin-bottom:1px; } #right_4{ text-align:center; height:303px; margin-bottom:1px; } td.main{ width:600px; height:auto; } table.table_bd{ border:none; height:auto; margin-bottom:2px; } td.lb{ width:300px; height:auto; } td.rb{ width:300px; height:auto; } td.a{ text-align:left; width:290px; height:300px; border:none; margin-bottom:0px; margin-right:0px; } td.b{ margin:0px; text-align:left; width:300px; height:300px; border:none; margin-top:0px; margin-left:0px; This final code set repeat for other class tags like c,d,e,f....etc Code (markup):
Guys I have attached the result of browser compatibility test.Please help me to fix these errors.I am new to this field so i can't even understand these bugs.Please help me to fix those errors Thank you