Вход

Просмотр полной версии : Размеры таблицы?


Falcon
23.03.2009, 00:18
Собственно если вставляю в TinyMCE какуюнибуть таблицу. и она оказывается больше данной ей области то она не сжимается а уходит за край шаблона, разрушая его структуру, щас в шаблоне сделал hidden overflow.. теперь структура не разрушается, но проблема не решена..

Вопрос в том, это изза RTE редактора? или изза HTML шаблона?
(вёрстка табличная).

в любом случае прошу подсказать. Зарание спасибо.

dmartynenko
23.03.2009, 01:23
Мне кажется что таблица при копировании-вставке сохраняет заданные значения ширины в пикселях. Посмотрите html код.
Возможно донастроив RTE удасться заставить его убирать параметр width для элементов <td>

Falcon
23.03.2009, 02:06
Уже пробовал..
и вообще параметр убирал. и оптимальный вставлял... реакции не последовало.

Exkawator
23.03.2009, 13:45
Я тоже в настоящее время изучаю этот вопрос.
Очень удобно, что в RTE можно вставить таблицу. Но управлять её фарматом я пока не научился.
При копировнии таблиц их Word'а копируется не только формат текста, но и формат таблицы. Например:
http://exkawator.hotbox.ru/Files/tabWord.png
даёт такой код
<table border="0" cellpadding="0" cellspacing="0" style="MARGIN: auto auto auto -1.7pt; BORDER-COLLAPSE: collapse; mso-table-layout-alt: fixed; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt" class="MsoNormalTable">
<tbody>
<tr style="mso-yfti-irow: 0">
<td width="85" valign="top" style="BORDER-RIGHT: #e0dfe3; PADDING-RIGHT: 5.4pt; BORDER-TOP: #e0dfe3; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: #e0dfe3; WIDTH: 63.8pt; PADDING-TOP: 0cm; BORDER-BOTTOM: #e0dfe3; BACKGROUND-COLOR: transparent">
<p align="right" style="MARGIN: 0cm 0cm 0pt; LAYOUT-GRID-MODE: char; TEXT-ALIGN: right" class="MsoNormal">
<b style="mso-bidi-font-weight: normal"><span style="FONT-FAMILY: Arial; mso-bidi-font-family: 'Times New Roman'">20:30<p></p></span></b></p>
</td>
<td width="170" valign="top" style="BORDER-RIGHT: #e0dfe3; PADDING-RIGHT: 5.4pt; BORDER-TOP: #e0dfe3; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: #e0dfe3; WIDTH: 127.55pt; PADDING-TOP: 0cm; BORDER-BOTTOM: #e0dfe3; BACKGROUND-COLOR: transparent">
<pre style="LAYOUT-GRID-MODE: char; tab-stops: 35.4pt"><b style="mso-bidi-font-weight: normal"><span style="FONT-FAMILY: Arial; mso-bidi-font-family: 'Courier New'; mso-fareast-font-family: 'Times New Roman'">«НОВОСТИ»<p></p></span></b></pre>
</td>
</tr>
<tr style="mso-yfti-irow: 1">
<td width="85" valign="top" style="BORDER-RIGHT: #e0dfe3; PADDING-RIGHT: 5.4pt; BORDER-TOP: #e0dfe3; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: #e0dfe3; WIDTH: 63.8pt; PADDING-TOP: 0cm; BORDER-BOTTOM: #e0dfe3; BACKGROUND-COLOR: transparent">
<p align="right" style="MARGIN: 0cm 0cm 0pt; LAYOUT-GRID-MODE: char; TEXT-ALIGN: right" class="MsoNormal"><b style="mso-bidi-font-weight: normal"><span style="FONT-FAMILY: Arial; mso-bidi-font-family: 'Times New Roman'">20:50<p></p></span></b></p>
</td>
<td width="170" valign="top" style="BORDER-RIGHT: #e0dfe3; PADDING-RIGHT: 5.4pt; BORDER-TOP: #e0dfe3; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: #e0dfe3; WIDTH: 127.55pt; PADDING-TOP: 0cm; BORDER-BOTTOM: #e0dfe3; BACKGROUND-COLOR: transparent">
<pre style="LAYOUT-GRID-MODE: char; tab-stops: 35.4pt"><span style="FONT-FAMILY: Arial; mso-bidi-font-family: 'Courier New'">«Прогноз погоды»<p></p></span></pre>
</td>
</tr>
<tr style="mso-yfti-irow: 2; mso-yfti-lastrow: yes">
<td width="85" valign="top" style="BORDER-RIGHT: #e0dfe3; PADDING-RIGHT: 5.4pt; BORDER-TOP: #e0dfe3; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: #e0dfe3; WIDTH: 63.8pt; PADDING-TOP: 0cm; BORDER-BOTTOM: #e0dfe3; BACKGROUND-COLOR: transparent">
<p align="right" style="MARGIN: 0cm 0cm 0pt; LAYOUT-GRID-MODE: char; TEXT-ALIGN: right" class="MsoNormal"><b style="mso-bidi-font-weight: normal"><span style="FONT-FAMILY: Arial; mso-bidi-font-family: 'Times New Roman'">20:55<p></p></span></b></p>
</td>
<td width="170" valign="top" style="BORDER-RIGHT: #e0dfe3; PADDING-RIGHT: 5.4pt; BORDER-TOP: #e0dfe3; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: #e0dfe3; WIDTH: 127.55pt; PADDING-TOP: 0cm; BORDER-BOTTOM: #e0dfe3; BACKGROUND-COLOR: transparent">
<pre style="tab-stops: 35.4pt"><b style="mso-bidi-font-weight: normal"><span style="TEXT-TRANSFORM: uppercase; FONT-FAMILY: Arial; mso-bidi-font-family: 'Courier New'">Поезд На Юму<p></p></span></b></pre><pre style="tab-stops: 35.4pt"><span style="FONT-FAMILY: Arial; mso-bidi-font-family: 'Courier New'; mso-fareast-font-family: 'Times New Roman'">Художественный фильм</span><span style="FONT-FAMILY: Arial; mso-bidi-font-family: 'Courier New'; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: EN-US"><p></p></span></pre>
</td>
</tr>
</tbody>
</table>
Застрелиться можно! Не правда ли?
Говорят (http://forum.typo3.biz/showthread.php?t=7383)в PageTS RTE можно конфигурировать. Но у меня до этого руки пока не дошли. Идеалом будет:
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><b>20:30</b></td>
<td><b>«НОВОСТИ»</b></td>
</tr>
<tr>
<td><b>20:50</b></td>
<td>«Прогноз погоды»</td>
</tr>
<tr>
<td><b>20:55<p></td>
<td><b>Поезд На Юму</b>Художественный фильм</td>
</tr>
</tbody>
</table>
Falcon, поковыряйся там. Потом мне расскажешь :)

-=UncleByte=-
23.03.2009, 15:31
Там кнопочка есть для очистки кода и можно перейти в режим просмотра кода чтобы вручную что-нибудь поправить.
С нуля созданные таблицы так и выглядят как идеал.