2011-11-08 55 views
0

我正在嘗試排查我的代理機構在網站上的某些內容。具體做法是:Typo3列寬不協調

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是否會對事物施加壓力?如果你能想到任何事情,我會非常感激。

+0

你能告訴我們,你如何組織這些內容?對於每個條目,一個使用RTE的內容元素?你正在使用css_styled_content? TYPO3中沒有硬編碼的標記,因此掌握如何呈現輸出。所以恕我直言,這是一個TYPO3配置問題。 – maholtz

+0

感謝您的回覆!是的,每個條目都是通過RTE生成的。我不確定我們是否使用css_styled_content。你對配置問題可能有什麼想法嗎?也許是一個'任意違反CSS規則'的框,我可以在什麼地方解開? :)再次感謝您的幫助 - 我對Typo3很陌生! – ghettosoak

回答

0

有幾種解決方案

1)您可以編輯HTML(有一個按鈕 「<>」,顯示HTML視圖)。編輯所有元素並相應地設置寬度。您需要一些HTML專業知識。

2)僅使用一個表格只能使用一個內容元素,因此單元格對齊正確。這是更多的工作,然後1),但如果你需要添加另一個入口的人,它會更容易。

3)使用像tt_address這樣的擴展名來編輯內容並渲染它,或者只是創建自己的表並通過TypoScript或f.e呈現它。 「瀏覽器」擴展名。因此,您將具有特定表格中的內容,然後定義如何通過模板或TypoScript呈現內容。

我寧願3),因爲它不會更多的工作爲1)或2)如果你知道,如何去做。如果你想學習TYPO3,只需通過1)或2)修復內容,然後通過3)實現它:)