Здравствуйте уважаемые гуру!) У меня возникла небольшая проблемка при работе с таблицами в Joomle! Мне ну нужно чтобы текст в в одном из заголовков таблицы отображался вертикально. Ломаю голову уже 4 дня! Понять не могу( Помогите люди добрые. P.S. Кто не понял как должен выглядеть текст выкладываю картинку. Зарание спасибо!) Ах да, пользуюсь редактором JCE!
Попробуйте так #vertical { -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); writing-mode: tb-rl; width: 25px; }
да,я думал будет попроще))) Вообщем смотрю код страницы: <table style="width: 0%;" summary="Grey Stripes style" border="0" class="greystripes"> <thead> <tr> <th scope="col"><span style="font-size: 7pt;">Обозначение изделия</span></th> <th scope="col"><span style="font-size: 7pt;">DN,мм </span></th> <th scope="col"><span style="font-size: 7pt;">Рабочая среда</span></th><th scope="col"><span style="font-size: 7pt;">Рр,ПМа </span></th> <th scope="col"><span style="font-size: 7pt;">t,С</span></th> <th scope="col"><span style="font-size: 7pt;">Материал корпуса</span></th> <th scope="col"><span style="font-size: 8pt;"><em><span style="font-size: 7pt;">ξ</span></em></span></th> <th scope="col"><span style="font-size: 7pt;">Мкр,нм</span></th> <th scope="col"><span style="font-size: 7pt;">Способ управления</span></th> <th scope="col"><span style="font-size: 7pt;">Обозначение электро-привода</span></th> <th scope="col"><span style="font-size: 7pt;">d,мм</span></th> <th scope="col"><span style="font-size: 7pt;">D,мм</span></th> <th scope="col"><span style="font-size: 7pt;">L,мм</span></th> <th scope="col"><span style="font-size: 7pt;">H,мм</span></th> <th scope="col"><span style="font-size: 7pt;">A,мм</span></th> <th scope="col"><span style="font-size: 7pt;">Полная масса, кг</span></th> </tr> </thead> <tfoot> К примеру Мне нужно, чтобы "Обозначение изделия" было написано так, как на картинке. Я не вижу тут кого-то конкретного id или класса ячейки! Или просто я НУБ?!
Ну попробуйте прямо в стиль спана вписать код <span style="font-size: 7pt;-moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); writing-mode: tb-rl; width: 25px;">Обозначение изделия</span>
Сейчас попробовал на локалке, работает. Сделал таблицу и через вставку html кода сделал так. <table border="0"> <tbody> <tr> <td><span style="-moz-transform: rotate(270deg);">Обозначение изделия</span></td> </tr> <tr> </tr> </tbody> </table>