みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

cssで、1行2段のtableを記述するには?

cssで、1行2段のtableを記述するには?


→ htmlのページに以下を挿入しました。

<table>
<tr>
<td width="2"></td>
<td width="588"></td>
</tr>
</table>



→ htmlのページの<head>と</head>の間に以下を挿入しました。

<link rel="stylesheet" type="text/css" href="table.css">


→ table.cssファイルを、onimotsuさんの指示に従い、以下のように記述しました。

TABLE{width : 640px;border-width : 0px 0px 0px 0px;
padding-top : 0px;padding-left : 0px;padding-right : 0px;
padding-bottom : 0px; background-color : #FFFFFF;}



→ table.cssファイルに以下を挿入するにはどうしたらいいのでしょうか?
いろいろ試しましたが、うまくいきません。

<tr>
<td width="2"></td>
<td width="588"></td>
</tr>



→ うまく挿入できれば、htmlのページのtableの項は次のようにすっきりとなります。

<table>
</table>

よろしくおねがいします。

投稿日時 - 2002-09-24 14:24:01

QNo.365549

困ってます

質問者が選んだベストアンサー

こんにちは。

外部ファイル(***.css)は1つでいいはずです。
1つの外部ファイルにスタイルを設定するのです。

お分かりだと思いますが、
スタイルの設定の仕方には
1.外部ファイル
2.クラス
3.各々の設定
があります。

1.外部ファイル
外部ファイルをアップロードしたディレクトリ内の全てのファイルに対して
スタイルを一括して適用します。

2.クラス
ファイル(ページ)ごとにファイル内に記述して
記述したファイルにだけに適用します。

3.各々の設定
文字やテーブルごとに1つずつ適用します。

ファイル数がそれほど多くない場合は
クラスで設定されたほうが分かりやすいと思いますよ。
特にテーブルを多用する場合は。

例えばご質問のことをクラスを使って設定すると
(1行2段→1行2列)

<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">
<!--
.a{ width : 2px;}
.b{ width : 588px;}
.c{ border-width : 0px 0px 0px 0px; width : 640px; padding-top : 0px;
padding-left : 0px; padding-right : 0px; padding-bottom : 0px;
background-color : #FFFFFF;}
-->
</STYLE>
</HEAD>
<BODY>
<TABLE class="c">
<TBODY>
<TR>
<TD class="a">1</TD>
<TD class="b">2</TD>
</TR>
</TBODY>
</TABLE>
</BODY>

閲覧者に仕組みを見せたくないと言うことでしょうか。
もし、そうであっても
外部ファイルをダウンロードすることは可能です。

スタイルシートは画面上の見た目を整えると
私自身認識しています。
ですから、スタイルシートを使ってテーブルを構成することは
残念ながら不可能です。

投稿日時 - 2002-09-24 16:14:59

お礼

「クラス」の意味がわかりました。
cssでは、テーブルを構成できないこともよくわかりました。
1行2列のテーブルの設定方法もわかりました。

重ね重ねありがとうございました。
おかげざまで1段高見にたつことができました。

投稿日時 - 2002-09-26 11:08:08

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

→ うまく挿入できれば、htmlのページのtableの項は次のようにすっきりとなります。

<table>
</table>    とありますが・・・・・・

css スタイルシートは表示方法を統一する為に使われるのが一般的ですし、
タグ一つ一つに属性を書き込む手間を省くのに効果的だとは思いますが、勘違い
されてるように思います。

スタイル:背景色・位置・文字の色・枠線の表示/非表示・表の広さ(サイズ)etc
ですから<cssで、1行2段のtableを記述>というのはできません。
上記のように記述出来ても肝心の表の中身(セルの内容は記入できませんが?)

例)<td>ああでもないこうでもない</td>

前回の回答者の方もかかれてましたURLはご覧になりましたでしょうか?

スタイルシートの部分は↓(かなり詳しく書いてあります)
http://tohoho.wakusei.ne.jp/wwwcss1.htm#What

○同じタグに違うスタイルを指定したい場合は外部スタイルシートの場合
クラス名を指定します。

TD.2{width:2px;}
TD.588{width:588px;}

でHTMLのボディタグの中に
<table>
<tr>
<td class="2"></td>
<td class="588"></td>
</tr>
</table>
と記述します。

(現実的に2pxのセルは?ですが「grizzly」さんの例を参考にしました。)
横幅だけの指定ですから記述が楽になるどころかかえってめんどくさいですが
他の(プロパティ:値;)を複数指定したい場合は便利なわけです。
え~~と、当方のへぼな説明より件のURLをしっか見てください。

もし失礼な表現等がありましたらお許しください。

投稿日時 - 2002-09-24 15:31:51

お礼

cssは、色、空白、フォントなどの属性を規定するのですね。勘違いしていました。
Yahoo!のcssの項を見て、ようやくわかりました。

http://dir.yahoo.co.jp/Computers_and_Internet/Information_and_Documentation/Data_Formats/HTML/Cascading_Style_Sheets/

テーブルはひとつにまとめました。
ありがとうございました。

投稿日時 - 2002-09-26 10:59:29

あなたにオススメの質問