人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

http://www.koufuku.ne.jp/maniacsuimei/のサイトのように、HTMLのテーブルタグで縦書き表示できるものを作りたいのですが、どのようなソースコードで書けばよろしいのでしょうか。

●質問者: tisei
●カテゴリ:インターネット ウェブ制作
✍キーワード:サイト ソースコード タグ TM
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
●60ポイント ベストアンサー

質問のリンク先のサイトは、単純にセルの横幅を狭くして改行タグを入れているだけです。



竹取 JS

こういうJavaScriptを使ったほうが楽でいいと思います。


demo: http://jsfiddle.net/czQ9K/


<html>
<head>
<script type="text/javascript" src="http://taketori.org/taketori.js" charset="UTF-8"></script>
<script type="text/javascript">
//<![CDATA[
(new Taketori()).set({}).element('demo').toVertical();
//]]>
</script>
</head>
<body>
<div id="demo">
<table border=4 width=250 align=center>
 <caption>【テーブルの例】</caption>
 <tr bgcolor="#cccccc">
 <th><br></th>
 <th>列-あ</th>
 <th>列-い</th>
 <th>列-う</th>
 </tr>
 <tr align=center>
 <td>行-1</td>
 <td>A1</td>
 <td>B1</td>
 <td rowspan=2>C1-C2</td>
 </tr>
 <tr align=center>
 <td>行-2</td>
 <td>A2</td>
 <td>B2</td>
 </tr>
 <tr align=center>
 <td>行-3</td>
 <td>A3</td>
 <td colspan=2>A3-B3てすと</td>
 </tr>
</table>
</div>
</body>
</html>
◎質問者からの返答

便利ですねー。ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ