2011-11-08 10 views
0

私の代理店がサイト上に持ついくつかのコンテンツのトラブルシューティングを試みています。具体的には、この:Typo3 column width dissonance

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から返される4番目のエントリのマークアップです。ここでは5番目のエントリのためのマークアップがあります:

<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は、」CSSはindex.phpの上に表示されるように、TYPO3のを通じて動的に生成しているように見えるものです。私は<td>に列幅をインラインで強制しようとしましたが、それでも不協和音が出ています。 Chromeのデベロッパーツールには何の助けもありません。これは適切なCSSを示していますが、列の幅が必要なものではないことはすぐに認められます。

私はここで間違っていますか?私が見ていないコードに何かがあるのですか、またはTypo3がレンチを物事に投げかけていますか?あなたが何かを考えることができれば、私は非常に感謝しています。

+0

どのようにコンテンツを整理しますか?各エントリについて、RTEを使用する1つのコンテンツ要素?あなたはcss_styled_contentを使用していますか? TYPO3にはハードコードされたマークアップはありませんので、あなたの出力をどのようにレンダリングするかは手元にあります。ですから、IMHOはTYPO3設定の問題です。 – maholtz

+0

あなたの返信ありがとう!はい、すべてのエントリはRTEによって生成されます。私たちがcss_styled_contentを使用しているかどうかはわかりません。設定に問題があると思われるアイデアはありますか?おそらく、どこかで切り離すことのできる「恣意的なCSS規則」のボックスですか? :)あなたの助けにもう一度感謝します - 私はTypo3を初めて使っています! – ghettosoak

答えて

0

は、あなたが)HTMLビューを表示するボタン "<>" がある(HTMLを編集することができます

1)いくつかのソリューションがあります。すべての要素を編集し、それに応じて幅を設定します。 HTMLのノウハウが必要です。

2)1つの表で1つのコンテンツ要素のみを使用して、セルを適切に配置します。それはより多くの仕事1)ですが、あなたが別のエントリを追加する必要がある場合、それはより簡単になります。

3)tt_addressのような拡張機能を使用してコンテンツを編集し、レンダリングするか、独自のテーブルを作成してTypoScriptまたはf.eを使用してレンダリングします。 "ブラウザ"拡張。したがって、特定のテーブルにコンテンツを配置し、テンプレートまたはTypoScriptを使用してコンテンツをレンダリングする方法を定義します。

あなたが知っていれば、それを行う方法は、1)または2)とはうまくいかないので、3)を好むでしょう。 TYPO3を習得したい場合は、1)または2)でコンテンツを修正し、3)で実装してください:)