2012-06-23 71 views
0

我想为WordPress做一个插件。默认DOCTYPE休息表 - 用于默认的WordPress主题

它工作的很好,除了当我加载默认的WordPress主题。例如“twentyeleven。”

此主题具有DOCTYPE,如下所示。因此,无论我做什么,当我将一张图片放在一张桌子上时,它总会插入这个恼人的GAP。

请帮忙! 我如何摆脱这种差距?

下面是一些代码。无论何时,当表格被放置在DOCTYPE被定义为这里的情况下时,我就会得到这个差距。

WordPress默认主题似乎使用此DOCTYPE声明。所以他们打破我漂亮的插件...

<!DOCTYPE html> 

<body> 

<table border="1" style="border-collapse: collapse;"> 
    <tr> 
     <td width="100%"> 
      <img border="0" src="http://goo.gl/PJdRU"> 
     </td> 
    </tr> 
</table> 

</body> 

</html> 

所有浏览器呈现上述代码如下所示。我只是想删除差距!谢谢!

enter image description here

回答

1

有几种解决方案,但也不是完美的。我想最简单的将只是改变你的IMG的风格 - 在CSS(与td img { display: block }规则),或者仅仅是一个内嵌式的,就像这样:

<img style="display:block" border="0" src="http://goo.gl/PJdRU"> 

这里的an article与为什么你看到你所看到的解释 - 和几种可能的方式修理它。 )这里有一个工作JSFiddle玩。

+0

哇谢谢一堆! – tdog2