Typo3 ширина колонки диссонанс - PullRequest
Новая
       5

Typo3 ширина колонки диссонанс

0 голосов
/ 08 ноября 2011

Я пытаюсь устранить неполадки с контентом, который есть у моего агентства на сайте.В частности, это:

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 бросает рывок в вещи?Если вы можете придумать что-нибудь, я был бы очень признателен.

1 Ответ

0 голосов
/ 11 ноября 2011

Существует несколько решений

1) Вы можете редактировать HTML (есть кнопка «<>» для отображения HTML-представления).Отредактируйте все элементы и установите ширину соответственно.Вам нужно немного ноу-хау HTML.

2) Используйте только один элемент содержимого с одной таблицей, чтобы ячейки были выровнены правильно.Это больше работы, чем 1), но если вам нужно добавить еще одну запись, это будет проще.

3) Используйте расширение, такое как tt_address, для редактирования контента и его рендеринга, или просто создайте свою собственную таблицу иотрендерить его через TypoScript или расширение "браузер".Таким образом, у вас будет содержимое в конкретной таблице, и вы определите, каким образом содержимое должно быть отображено с помощью шаблонов или TypoScript.

Я бы предпочел 3), так как это не будет работать как 1) или 2)Вы знаете, как это сделать.Если вы хотите изучить TYPO3, просто исправьте содержимое с помощью 1) или 2), а затем внедрите его с помощью 3):)

...