Подставление текста в таблице вертикально

Свойство writing-mode - не утвержденное в спецификации css - оно является экспериментальным, соответственно не везде будет работать [file]13727[/file]

[quote] Derkach Dmytriy OneBox production писал/а: Свойство writing-mode - не утвержденное в спецификации css - оно является экспериментальным, соответственно не везде будет работать [file]13727[/file] [/quote] а каким свойством можно задать чтобы текст в таблице распологался вертикально?

Попробуй это http://jsfiddle.net/qjzwG/319/ - но мне кажется конвертер pdf его тоже проигнорирует

[quote] Derkach Dmytriy OneBox production писал/а: Попробуй это http://jsfiddle.net/qjzwG/319/ - но мне кажется конвертер pdf его тоже проигнорирует [/quote] а как его правильно вставить в стиль? Можешь подсказать? <td class="xl75" style="padding-top: 1px; padding-right: 1px; padding-left: 1px; font-size: 11pt; font-family: 'Arial Narrow', sans-serif; vertical-align: middle; border-top: 0.5pt solid windowtext; border-right: 0.5pt solid windowtext; border-bottom: 0.5pt solid windowtext; border-left: none; border-image: initial; width: 229.375px; writing-mode: vertical-rl; text-align: center; height: 227px;" rowspan="6" align="right">Дата видачі кредиту/дата платежу</td>

Попробуй на саму ячейку добавить класс verticalTableHeader и убрать writing mode <td class="xl75 verticalTableHeader" style="padding-top: 1px; padding-right: 1px; padding-left: 1px; font-size: 11pt; font-family: 'Arial Narrow', sans-serif; vertical-align: middle; border-top: 0.5pt solid windowtext; border-right: 0.5pt solid windowtext; border-bottom: 0.5pt solid windowtext; border-left: none; border-image: initial; width: 229.375px; height: 227px;" rowspan="6" align="right">Дата видачі кредиту/дата платежу</td> далее в head вставить <style> .verticalTableHeader { text-align:center; white-space:nowrap; transform-origin:50% 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .verticalTableHeader:before { content:''; padding-top:110%;/* takes width as reference, + 10% for faking some extra padding */ display:inline-block; vertical-align:middle; } </style>

[quote] Derkach Dmytriy OneBox production писал/а: nowrap [/quote] Подставил, но ячейка получается большой не по тексту.. [file]13735[/file] Вот пример документа https://ultracash.crm-onebox.com/admin/document/79/control/ Как можно сделать чтобы была по размеру текста в ячейке?

Все дело в том что поворот текста свойством transform: rotate(90deg); - поворачивает его ТОЛЬКО визуально, вот ширина колонки и становится равной ширине текста как он написан горизонтально с этим ничего не сделать

[quote] Derkach Dmytriy OneBox production писал/а: Все дело в том что поворот текста свойством transform: rotate(90deg); - поворачивает его ТОЛЬКО визуально, вот ширина колонки и становится равной ширине текста как он написан горизонтально с этим ничего не сделать [/quote] И получается никакого другого варианта нет? Правильно я понимаю