トーナメント表のような図式をHTMLでページ制作する際、今現在でどのような書き方がベストか教えてください

テーブルでガチガチかdivとCSSを多用か
参考サイト等あればそちらもお願いします

回答の条件
  • URL必須
  • 1人3回まで
  • 登録:2008/02/22 14:36:50
  • 終了:2008/02/29 14:40:03

回答(2件)

id:hrkt0115311 No.1

どんジレ、どんさん回答回数892ベストアンサー獲得回数512008/02/22 14:56:57

ポイント35pt

こんにちは。参考になりそうなサイトを二つご紹介します。よろしければご覧下さい。


スポーツナビ | 野球 | 第79回選抜高校野球大会 トーナメント表

上記では、画像を使っていますね。画像であれば、以下のような方法で作成して、掲載できますので、制作者さんの負担は減らせるかと思います。

トーナメント表の作り方


http://cyberam.dip.jp/linux_foundation/directory/fhs_main.html

一方、上記はdivとcssを使われている例で、トーナメント表ではないのですが、参考にはなると思います。こちらは、作り手の方は設定など、負担が高いと思うのですが、閲覧する立場からしますと、分かりやすく感じられました。


以上2点、参考になれば幸いです。

id:technote7

ありがとうございます

やはり縦型ツリー形式が作りやすいのでしょうか

前者は参考になります、ただ作成しようとしているのが厳密にトーナメント表ではなく入り組んだツリー表の為

もう少し簡単のがいいかもしれません

横型ツリーについてもありましたらお願いします

2008/02/22 15:17:30
id:bmax No.2

bmax回答回数67ベストアンサー獲得回数162008/02/22 15:50:01

ポイント35pt

期待されている答えとずれているかもしれませんが、こんなツールがありました。


トーナメントエディター

http://www.vector.co.jp/soft/dl/win95/net/se247388.html


HTMLによる横型のトーナメント表を自動生成してくれます。


出力されたトーナメント表のHTMLですが、TABLEタグで力技で作ってる感じです。

自動生成ならではといった感じでベストな書き方といわれると疑問ですが、参考までに。

  • id:technote7
    ちなみに適度にメンテナンスして図式が変化するので画像等はなるべく使わない方法がいいです
  • id:technote7
    今自分で思いつきましたがulとliタグを使ってCSSで縦型フォルダツリー階層とするのが一番きれいで簡単かもしれませんね。。。
  • id:bmax
    表が横に伸びるので横型と書きましたが、項目が縦に並ぶので縦型なんですね。
    今気づきました。それだけ訂正しておきます。
  • id:yotaca
    無料でトーナメント表を作って自由に使えるサービスを開始しました。よかったら使ってください。
    「はなまるトーナメント」
    http://hanamachi.com/tnmt/

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

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

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

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