I create a html table in chrome; it shows normally that there are gaps between cells in the moss, how to eliminate them? It is necessary that the three elements look like one picture.

<table align="center" cellspacing="0" cellpadding="0" border="0" style="margin-top:0;border-spacing:0;"> <tr> <td> <img src="http://cdn.sstatic.net/stackoverflow/img/polyglot-404.png" /> </td> </tr> <tr> <td> <object width="1000" height="660" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"> <param name="quality" value="high" /> <param name="src" value="trol_oop.swf" /> <embed type="application/x-shockwave-flash" width="1000" height="670" src="trol_oop.swf" quality="high" /> </object> </td> </tr> <tr> <td> <img src="http://cdn.sstatic.net/stackoverflow/img/polyglot-404.png"> </td> </tr> </table>

  • Format normal code - Qwertiy ♦
  • @Qwertiy, done - Grundy
  • one
    @Grundy, actually I wanted a snippet ... Preferably without an object a. By the way, the answer is most likely display:block or border-collapse:collapse . - Qwertiy ♦
  • @Qwertiy, format - Well, it doesn't seem like a snippet :-D - Grundy
  • If you are given an exhaustive answer, mark it as correct (a daw opposite the selected answer). - Nicolas Chabanovsky ♦

1 answer 1

I'll try to guess.

Option 1:

 table { border-collapse: collapse; }

Option 2:

 img, object { display: block; }

Option 3:

 img, object { display: inline-block; vertical-align: top; }