Цитата(Ciber @ 14.6.2005, 22:51)

<table cellspacing=0 cellpadding=0 align=center> <tr><td>Д <tr><td style='text-indent: 20px'>и <tr><td style='text-indent: 40px'>а <tr><td style='text-indent: 60px'>г <tr><td style='text-indent: 80px'>о <tr><td style='text-indent: 100px'>н <tr><td style='text-indent: 120px'>а <tr><td style='text-indent: 140px'>л <tr><td style='text-indent: 160px'>ь </table>

Народ, блин!
Не забывайте про ЦСС, как это ужасно, прописывать каждому элементу стиль...

Код

<style type="text/css"> div#a div {margin-left: 10px} </style> <div id="a">1<div>2<div>3<div>4<div>5<div>6<div>7<div>8<div>9<div>0 </div></div></div></div></div></div></div></div></div></div>

2dm9:
У тебя "Диагональ" самая крутая, я до такой сразу недодумался.
ЗЫ: КСС -- рулит...

Лучше б класс какой использовать или функцию!
на Java Script...

Как это представить можно?

Знак
В JavaScript нет как таковых классов. Не путай ее с Jav`ой!

А нет ли более правильного и красивого способа развернуть текст в ячейке до вертикального положения? Есть код:

Код

<html> <table border=1> <tr align=center><td>&nbsp;</td><td><b>Группа 17</b></td></tr> <tr><td rowspan=6><b>Понедельник</b></td></tr> <tr><td>07-00 Подъем</td></tr> <tr><td>07-05 Зарядка</td></tr> <tr><td>07-35 Душ</td></tr> <tr><td>08-00 Завтрак</td></tr> <tr><td>08-30 Выход к остановке</td></tr> </table> </html>

Нужно развернуть слово "понедельник" (см. 6-ю строку кода) вертикально, чтобы она читалась снизу вверх. Нашел следующий код:

Код

<!-- снизу-вверх !--> <div style="filter='progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';width:40;">vertical</div>  <!-- сверху-вниз !--> <div style="writing-mode:tb-rl;width:40;">vertical</div>

Но он не работает не только в ячейке, но и просто так.

Подскажите пожалуйста как наиболее правильно сделать вертикальный текст? Пробовал с тегом <br> но получется очень коряво и к тому же текст далеко не всегда влазит в нужные пределы.

а может списками:

Код

<html> <head> <style> ul {         list-style: none; } ul li {      margin-bottom: -8px; } </style> </head> <body> <table>     <tr>         <td>             <ul>                 <li>п</li>                 <li>o</li>                 <li>н</li>                 <li>е</li>                 <li>д</li>                 <li>е</li>                 <li>л</li>                 <li>ь</li>                 <li>н</li>                 <li>и</li>                 <li>к</li>             </ul>         </td>         <td width="20"></td>         <td>завтрак<br /> обед<br /> ужин</td>     </tr> </table> </body> </html>

Это сообщение отредактировал(а) Joes - 6.8.2005, 15:14