Typo3 列宽不和谐

Question

我正在尝试对我的代理机构网站上的某些内容进行故障排除。具体来说，这个：

http://tinypic.com/r/rwuul0/5

我关心的是右边那个烦人的栏里有联系信息。尽管标记很严格（据我所知），但它并没有排队。相信我，我也讨厌表格，但我们也在后端使用 Typo3 CMS，并且它坚持将所有数据格式化为这样：

<table cellspacing="0" cellpadding="0" border="0" style="left:4px; border-collapse:collapse">
  <tbody>
    <tr>
      <td class="first_td">
        <p><b><span style="font-size:10.0pt;" lang="DE-CH">Bayer International SA</span></b></p>
        <p style="margin-right:1.35pt"><span style="font-size:10.0pt" lang="DE-CH">Badische   Bahnhofstrasse 16</span></p>
        <p style="margin-right:1.35pt"><span style="font-size: 10pt; " lang="DE-CH">CH-</span><span style="font-size:10.0pt" lang="DE-CH">8212 </span><span style="font-size:10.0pt" lang="DE-CH">Neuhausen am Rheinfall</span></p>
      </td>
      <td width="50" valign="top" style="width:49.6pt; padding:0cm 5.4pt 0cm 5.4pt">
        <p style="margin-right:1.35pt"><span style="font-size:10.0pt" lang="EN-US">T</span></p>
        <p style="margin-right:1.35pt"><span style="font-size:10.0pt" lang="EN-US">F</span></p>
        <p style="margin-right:1.35pt"><span style="font-size:10.0pt" lang="EN-US">Website</span></p>
      </td>
      <td width="131" valign="top" style="width:131.4pt; padding:0cm 5.4pt 0cm 5.4pt">
        <p style="margin-right:1.35pt"><span style="font-size:10.0pt" lang="EN-US">+41 52 674 99 36</span></p>
        <p style="margin-right:1.35pt"><span style="font-size:10.0pt" lang="EN-US">+41 52 670 05 59</span></p>
        <p style="margin-right:1.35pt"><span style="font-size:10.0pt" lang="EN-US"><a external="1" target="_blank" href="http://www.bayer.com/">www.bayer.com</a></span></p>
      </td>
    </tr>
  </tbody>
</table>

令人讨厌，不是吗？这是从 Typo3 返回的第四个条目的标记。这是第五个条目的标记：

<table style="left:4px; border-collapse:collapse" border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td class="first_td">
        <p><b><span style="font-size:10.0pt;" lang="DE-CH">Constellium   Specialty Sheet</span></b></p>
        <p><span style="font-size:10.0pt" lang="DE-CH">Engineered   Products Switzerland Ltd.</span></p>
        <p style="margin-right:1.35pt"><span style="font-size:10.0pt" lang="DE-CH">Badische   Bahnhofstrasse 16</span></p>
        <p style="margin-right:1.35pt"><span style="font-size:10.0pt" lang="DE-CH">CH-8212 Neuhausen am Rheinfall</span></p>
        <p><b><span style="font-size:10.0pt" lang="DE-CH">&nbsp;</span></b></p>
      </td>
      <td style="width:49.6pt; padding:0cm 5.4pt 0cm 5.4pt" valign="top" width="50">
        <p style="margin-right:1.35pt">&nbsp;</p>
        <p style="margin-right: 1.35pt; "><span style="font-size: 10pt; " lang="ES">T</span></p>
        <p style="margin-right:1.35pt"><span style="font-size:10.0pt" lang="ES">F </span></p>
        <p style="margin-right:1.35pt"><span style="font-size:10.0pt" lang="ES">Website</span></p>
      </td>
      <td style="width:49.6pt; padding:0cm 5.4pt 0cm 5.4pt" valign="top" width="50">
        <p style="margin-right:1.35pt">&nbsp;</p>
        <p style="margin-right: 1.35pt; "><span style="font-size: 10pt; " lang="ES">+41 52 674 91 11</span></p>
        <p style="margin-right:1.35pt"><span style="font-size:10.0pt" lang="ES">+41 52 674 96 01</span></p>
        <p style="margin-right:1.35pt"><span style="font-size:10.0pt" lang="ES"><a external="1" target="_blank" href="http://www.constellium.com/">www.constellium.com</a> </span></p>
      </td>
    </tr>
  </tbody>
</table>

“first_td”类似乎是通过 Typo3 动态生成的，因为 CSS 显示在 index.php 上。我尝试过在 中强制列宽内联，但它仍然不和谐。 Chrome 的开发者工具也没有任何帮助；它显示了正确的 CSS，但很容易承认列宽不是应有的宽度。

我在这里做错了什么？代码中是否有我没有看到的内容，或者 Typo3 是否会破坏某些内容？如果您能想到任何事情，我将不胜感激。

Answer 1

有几种解决方案

1) 您可以编辑 HTML（有一个按钮“<>”显示 HTML 视图）。编辑所有元素并相应地设置宽度。您需要一些 HTML 知识。

2) 仅在一张表格中使用一种内容元素，以便单元格正确对齐。这比 1) 的工作量更大，但如果您需要向某人添加另一个条目，则会更容易。

3) 使用 tt_address 之类的扩展来编辑内容并呈现它，或者只是创建您自己的表格并通过 TypoScript 或 fe“浏览器”扩展呈现它。因此，您将在特定表中包含内容，然后定义如何通过模板或 TypoScript 呈现内容。

我更喜欢 3)，因为如果你知道如何去做，它就不会像 1) 或 2) 那样需要更多工作。如果你想学习TYPO3，只需通过1）或2）修复内容，然后通过3）实现:)