表について・・・



0   名前: かい : 2006/05/28(日) 07:18  ID:s4tNfNzI
初めまして。
「かい」です。初心者なので宜しくお願いします。
表を隣同士に作る事はできますか?
こんなかんじです。
表|表
表|表
どうぞ宜しくお願いします。

1   名前: カヅサツ ◆ThCi95HEzw : 2006/05/28(日) 07:18  [URL]  ID:O5hEMlpW
もちろん可能ですが、具体的にどうするかは、どんな表かによりますので、そのように配置したいという4つの表を投稿してください(例えは成績表や価格表など、カレンダーも表と言えます)。

2   名前: かい : 2006/05/28(日) 07:18  ID:s4tNfNzI
http://pokemon-e.net/
↑のサイトのような、
  ──――
   題名
  ─――─
 掲 | メ
 示 | イ
 板 | ン
と言った感じです。
4つの表とは何でしょうか?
すいません。

3   名前: 匿名 : 2006/05/28(日) 07:18  ID:zqn32COP
>>2
> 4つの表とは何でしょうか?
あなたが >>0 で示した4つの表ですよ。

というかレイアウトに表を用いるのは良くないです。

4   名前: Z ◆XTzyosZXcL : 2006/05/28(日) 07:18  ID:7f4VEd9L
>>2の参照先の場合、DIV要素を使って、さらにそれらをカスケーティングスタイルシート(CSS)による段組をさせています。
 表部分のみTABLE要素も一部使っていますが、基本は汎用ボックスであるDIV要素でリストなどをマークアップしてますよ。

スタイルシートについて)
http://members.jcom.home.ne.jp/pctips/www/cssintro.html

仕様書:
http://www.y-adagio.com/public/standards/tr_css2/toc.html

CSSによるWebサイトデザイン記事一例)
http://deztec.jp/lecture/rn/index.html

CSSによる段組講座)
http://www.geocities.jp/multi_column/

 なお、CSSについてのご質問は恐れ入りますがスタイルシート掲示板の方にお願いします。

>>4つの表とは何でしょうか?
「表」の文字を4つお書きになっていらっしゃったので左に縦2つ、右に縦2つと解釈されたのでしょう(私も最初そう思いました)。

5   名前: かい : 2006/05/28(日) 07:18  ID:s4tNfNzI
誤解を招くような説明すいませんでした。
DIV要素はよく分からないので、
HTMLのタグではできませんか?
宜しくお願いします。

6   名前: カヅサツ ◆ThCi95HEzw : 2006/05/28(日) 07:18  [URL]  ID:fv0v30Vt
> 4つの表とは何でしょうか?

かいさんは最初に

表|表
表|表

と、お書きになりました。
表が4つあるんですよね?

7   名前: かい : 2006/05/28(日) 07:18  ID:s4tNfNzI
すいません。
ひらがなで書くとこのようになります。
ひ|ひ
ょ|ょ
う|う
紛らわしくてすいません。
本当は2つでいいです。
並べ方は
 ──――
   題名
  ─――─
 掲 | メ
 示 | イ
 板 | ン
としたいです。
ところでHTMLではできますか?

8   名前: Z ◆XTzyosZXcL : 2006/05/28(日) 07:18  ID:7f4VEd9L
 何か誤解されているようですけれど(^^;
「HTMLではできますか?」というご質問では「そもそもHTMLでやっていますけれど」という回答にならざるを得ないですよ(最近ではHTMLの後継者にあたるXTHMLで記述したWebページも増えつつありますが)。

>>2での参照先のようなことをされたいのであれば、そのソースのように>>4で提示した段組講座などの資料を参考にマークアップすればよいのですが。
 DIV要素もHTMLにおける要素の一つであり、なにも特別なスクリプトとかFramesetによるフレーム(設計が面倒なので使うことはお勧めしません)を使わなくても、段組表示は可能ですよ。

>>2での参照先での組み方と、ただTABLE要素による表を上下左右に並べるのとでは全然意味合いが変わってきてしまいます。どちらがいいかといえば>>2での参照先のような構造的マークアップがお奨めですね(DIV要素の多用については賛否両論あるようですけれど)。

HTMLの基本:
http://www.kanzaki.com/docs/htminfo.html

9   名前: カヅサツ ◆ThCi95HEzw : 2006/05/28(日) 07:18  [URL]  ID:fv0v30Vt
> 並べ方は
>  ──――
>    題名
>   ─――─
>  掲 | メ
>  示 | イ
>  板 | ン
> としたいです。

確認なんですが、
「題名」というテキストがあるのですか? それともそこに題名が入るのですか?
「掲示板」というテキストがあるのですか? それともそこに掲示板が表示されるのですか?
「メイン」というテキストがあるのですか? それともそこに… 何だろう。


10   名前: かい : 2006/05/28(日) 07:18  ID:s4tNfNzI
Zさん
別ではなかったんですか。
おもいっきり勘違いしてました。
どうもありがとうございます。
カズサツさん
いえ、あの・・・簡単にいうと
テキストではなくて表を横に
2列並べる事が出来るかが分からないんです。
DIV要素を使わずに出来るかを教えてください。
お願いします。


11   名前: Z ◆XTzyosZXcL : 2006/05/28(日) 07:18  ID:7f4VEd9L
 性質の違う二つの「表」を並べたいということでしょうか。
 CSSによる段組もせずに、ということですとTABLE要素を入れ子にする方法がありますね。
 ただし、TABLE要素直下には次のTABLE要素は置けませんので、個々のセル(TH要素かTD要素)の内側に記述することになるでしょう。
 もっとも、仕様書で想定された使い方ではないかもしれません(^^;

参考(注:HTML4.0による説明ですがほぼHTML4.01でも通用します))
http://bakera.jp/html/reference/table.html

仕様書該当部分:
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html
http://www.w3.org/TR/html401/struct/tables.html

仕様書の読み方など)
http://www.kanzaki.com/works/2001/pub/wsd01.html

 ただし、そもそもTABLE要素は「表」であり、用途としては入れ子にすべきものではありません。また、音声環境向けにセルを適切に読み上げさせようとすると意外に厄介です。

参考)
http://bakera.jp/html/opinion/table.html

仕様書付属書:
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/appendix/notes.html#notes-tables
http://www.w3.org/TR/html401/appendix/notes.html#notes-tables

 さらにいうなら、メイン画面はともかく、掲示板って「表」によるマークアップをするほど数を置かれるのでしょうか?一つであっても管理が非常に厄介だと思うので、それが複数あるというのは苦労ばかり背負い込むと思うのですが・・・(^^;

12   名前: Pid ◆byEkK9OALr : 2006/05/28(日) 07:18
>>10
ですから,「どんな表を」「何のために並べたいか」で,やり方が違ってくるのですよ。

もしよく分からなければ,そのページに書こうとしている内容を,普通のテキストでここに書き込んで下さい。そうすれば,それを元に HTML マークアップし,CSS レイアウトのサンプルを考えることが可能です。

----
単純に方法だけを聞きたいのなら,>>4 のリンク先にいくつか典型的なパターンが解説されています。その中から,ご自分のマークアップに合う方法を探して下さい。

13   名前: かい : 2006/05/28(日) 07:18  ID:s4tNfNzI
皆さん沢山のご返答有難うございます。
>>11
をよく詳しく探してみましたら、発見する事ができました。
カズサツ様、Z様、Pid様今回は大変お世話になりました。
見つかった方法で色々試してみます。
それでもだめなときはまたどうぞ宜しくお願いします。
本当に有難うございました。

一覧へ戻る