направление текста

Тема в разделе "Наполнение", создана пользователем fedordoronin, 02.09.2011.

  1. Offline

    fedordoronin Недавно здесь

    Регистрация:
    02.09.2011
    Сообщения:
    8
    Симпатии:
    0
    Пол:
    Мужской
    Здравствуйте уважаемые гуру!) У меня возникла небольшая проблемка при работе с таблицами в Joomle!
    Мне ну нужно чтобы текст в в одном из заголовков таблицы отображался вертикально.

    Ломаю голову уже 4 дня!|H| Понять не могу(

    Помогите люди добрые.

    P.S. Кто не понял как должен выглядеть текст выкладываю картинку.
    [​IMG]
    Зарание спасибо!)

    Ах да, пользуюсь редактором JCE!
     
  2.  
  3. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Попробуйте так

    #vertical {
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: tb-rl;
    width: 25px;
    }
     
  4. Offline

    fedordoronin Недавно здесь

    Регистрация:
    02.09.2011
    Сообщения:
    8
    Симпатии:
    0
    Пол:
    Мужской
    Хм...вот только в какой файл прописать?!%)
     
  5. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Посмотрите какой у нужной ячейки класс или id и в файл css впишите для нее этот код.
     
  6. Offline

    fedordoronin Недавно здесь

    Регистрация:
    02.09.2011
    Сообщения:
    8
    Симпатии:
    0
    Пол:
    Мужской
    =O да,я думал будет попроще)))

    Вообщем смотрю код страницы:

    <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 или класса ячейки! Или просто я НУБ?! :)
     
  7. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Ну попробуйте прямо в стиль спана вписать код

    <span style="font-size: 7pt;-moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); writing-mode: tb-rl;
    width: 25px;">Обозначение изделия</span>
     
  8. Offline

    fedordoronin Недавно здесь

    Регистрация:
    02.09.2011
    Сообщения:
    8
    Симпатии:
    0
    Пол:
    Мужской
    Пытался так сделать! Но ничего не вышло! Есть еще какие-нибудь идеи?! ПОМОГИИИТЕ!:'(
     
  9. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Сейчас попробовал на локалке, работает.
    Сделал таблицу и через вставку html кода сделал так.

    <table border="0">
    <tbody>
    <tr>
    <td><span style="-moz-transform: rotate(270deg);">Обозначение изделия</span></td>
    </tr>
    <tr>
    </tr>
    </tbody>
    </table>
     

Поделиться этой страницей

Загрузка...