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

回答の条件
  • 1人2回まで
  • 登録:2011/04/10 10:00:26
  • 終了:2011/04/10 12:14:16

ベストアンサー

id:Cherenkov No.1

Cherenkov回答回数1503ベストアンサー獲得回数4932011/04/10 10:32:22

ポイント60pt

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



竹取 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>
id:tisei

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

2011/04/10 12:11:24

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません