- ベストアンサー
トーナメント表の製作
いつもお世話になっております。 とても助かっています、宜しくお願い致します。 タグ初心者です。其れでも頑なに手打ちを通しています。 トーナメント表を書かなければならなくなりました。参加は五人、其の為に一人だけシード者が居ます。どんな要領で書けば良いかヒントを頂けませんか？見栄え良く書ければ尚、嬉しいです。初心者なので、成る可く分かり易く（ホント我が儘言って済みません）お願いしますね^^; 宜しくお願い致します。
- tottokohamnosuke
- お礼率89% (181/203)
- HTML
- 回答数3
- ありがとう数4
- みんなの回答 （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>
その他の回答 (2)
- waracabin
- ベストアンサー率64% (40/62)
スタイルシート(CSS)はご存知でしょうか？ <table>で８(横)×５(縦)をつくり、そのひとつひとつのセルにborderで上下左右指定していけば形にはなります。 見栄え良く書くとなると……画像つくって貼るのがベストです（苦笑） 【以下２×２でやった場合の例】 <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> <!-- 以下２×２のテーブル --> <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の方が仰る罫線の方法がスマートかとは思います。。
お礼
御回答、有り難う御座いました～ ずーと会社で缶詰にされてて、お礼が遅れて御免なさい; スタイルシートですか、う～ん、名前は聞いた事が有りますが、 良く分かりません...。 取り敢えず、お書き頂いたタグをいじくってみます。 手数をお掛け致しました、又、宜しくお願い致します。
- Tasuke22
- ベストアンサー率33% (1799/5383)
5×5の表を作り表の罫線の太さを0にして、次のような 罫線文字を入れてみたら如何でしょうか？ ┌ ─ ┴ ─ ┐ │ ┌ ┴ ┐ ┌ ┴ ┐ ┌ ┴ ┐ │ │ │ │ │ │ a b c d e
補足
書き込み、有り難う御座いましたー おお、そんな裏技が有るとは...。 横書きの方が都合良いのですが、何か方法は有りませんか？
お礼
二度も書き込んで頂けるとは、なんて御親切なT.T ほんと、済みません...。兎に角やってみます。 有り難う御座いましたー