css - 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 上。我试过在 <td> 中强制列宽内联, 但它仍然不和谐。 Chrome 的开发者工具也没有任何帮助；它显示了正确的 CSS，但很容易承认列宽不是应有的宽度。

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

Answer 1

有几种解决方案

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

2) 仅在一张表格中使用一个内容元素，因此单元格正确对齐。它比 1) 工作更多，但如果您需要向某人添加另一个条目，它会更容易。

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

我更喜欢 3)，因为它不会比 1) 或 2) 更有效，如果您知道怎么做的话。如果你想学习 TYPO3，只需通过 1) 或 2) 修复内容，然后通过 3) 实现它:)