
No.3ベストアンサー
- 回答日時:
> 横書きの方が都合良いのですが、何か方法は有りませんか?
同じことでしょう。次で如何ですか?
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="1">A</td>
<td width="1">┐</td>
<td width="1"></td>
<td width="1"></td>
<td width="90%"></td>
</tr>
<tr>
<td width="1"></td>
<td width="1">├</td>
<td width="1">─</td>
<td width="1">┐</td>
<td width="90%"></td>
</tr>
<tr>
<td width="1">B</td>
<td width="1">┘</td>
<td width="1"></td>
<td width="1">│</td>
<td width="90%"></td>
</tr>
<tr>
<td width="1">C</td>
<td width="1">┐</td>
<td width="1"></td>
<td width="1">├</td>
<td width="90%"></td>
</tr>
<tr>
<td width="1"></td>
<td width="1">├</td>
<td width="1">┐</td>
<td width="1">│</td>
<td width="90%"></td>
</tr>
<tr>
<td width="1">D</td>
<td width="1">┘</td>
<td width="1">├</td>
<td width="1">┘</td>
<td width="90%"></td>
</tr>
<tr>
<td width="1">E</td>
<td width="1">─</td>
<td width="1">┘</td>
<td width="1"></td>
<td width="90%"></td>
</tr>
</table>
No.2
- 回答日時:
スタイルシート(CSS)はご存知でしょうか?
<table>で8(横)×5(縦)をつくり、そのひとつひとつのセルにborderで上下左右指定していけば形にはなります。
見栄え良く書くとなると……画像つくって貼るのがベストです(苦笑)
【以下2×2でやった場合の例】
<html>
<head>
<!-- スタイルシートの設定 -->
<style type="text/css">
<!--
tr {height:20px;} /* 縦線の長さ */
td {width:20px;} /* 横線の長さ */
td.top {border-top:solid 1px black;} /* 上の罫線 */
td.right {border-right:solid 1px black;} /* 右の罫線 */
td.bottom {border-bottom:solid 1px black;} /* 下の罫線 */
td.left {border-left:solid 1px black;} /* 左の罫線 */
-->
</style>
<!-- 設定終了 -->
</head>
<body>
<!-- 以下2×2のテーブル -->
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="right"><br/></td><td><br/></td>
</tr>
<tr>
<td class="top left"><br/></td><td class="top right"><br/></td>
</tr>
</table>
<!-- テーブル終了 -->
</body>
</html>
……馬鹿に面倒な方法ですね(汗)
やっぱり素直に画像か、ANo.1の方が仰る罫線の方法がスマートかとは思います。。
この回答へのお礼
お礼日時:2008/06/04 00:10
御回答、有り難う御座いました~
ずーと会社で缶詰にされてて、お礼が遅れて御免なさい;
スタイルシートですか、う~ん、名前は聞いた事が有りますが、
良く分かりません...。
取り敢えず、お書き頂いたタグをいじくってみます。
手数をお掛け致しました、又、宜しくお願い致します。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
テーブルの任意の列を非表示に...
-
テーブルのヘッダとボディの幅...
-
tableにul,または,olを入れられ...
-
htmlのtable内に画像
-
テーブルのセルに画像をピッタ...
-
cssで、表示されるテキストによ...
-
TRタグの余白をcssで設定するには
-
javascriptを使って、指定行以...
-
CSSだけで<table>の<td>や<tr>...
-
ホームページ 表の上の余白を...
-
HTMLのテーブルで桁をそろ...
-
FireFoxのhtmlでtheadとtbodyの...
-
テーブルタグの横に文章が入ら...
-
HTMLでテーブルの並び替え
-
表の1列だけをCSSを使って右揃...
-
テーブルの途中からcellspacing...
-
テーブルの外側の線を消す
-
便箋風の罫線
-
テーブルを横に二つ並べて表示...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
テーブルの任意の列を非表示に...
-
テーブルのセルに画像をピッタ...
-
TRタグの余白をcssで設定するには
-
中に<table></table>が使えるア...
-
cssで、表示されるテキストによ...
-
テーブルのヘッダとボディの幅...
-
tableにul,または,olを入れられ...
-
ホームページ 表の上の余白を...
-
文字列が入っているtdを削除せ...
-
tableの要素(tr、td)に一...
-
テーブルの表示がずれます
-
テーブルタグのセルの幅の一部...
-
EXCELからhtmlへの変換で罫線が...
-
逆L字の表(table)組み
-
値が0なら非表示にしたい
-
CSSだけで<table>の<td>や<tr>...
-
テーブルの外側の線を消す
-
HTMLで文とテーブルの間が空く。
-
表(テーブル)内の文字サイズ...
おすすめ情報