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

解決済

質問者：grizzly
質問日時：2002/09/24 14:24
回答数：2件

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>

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： onimotsu
回答日時：2002/09/24 16:14

こんにちは。

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

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

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

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

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

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

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

<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">

</STYLE>
</HEAD>
<BODY>
<TABLE class="c">
<TBODY>
<TR>
<TD class="a">1</TD>
<TD class="b">2</TD>
</TR>
</TBODY>
</TABLE>
</BODY>

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

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

- 0
- 件

通報する

この回答へのお礼

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

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

通報する

お礼日時：2002/09/26 11:08

No.1

回答者： moccos
回答日時：2002/09/24 15:31

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

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

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

スタイル：背景色・位置・文字の色・枠線の表示/非表示・表の広さ（サイズ）ｅｔｃ
ですから＜cssで、1行2段のtableを記述＞というのはできません。
上記のように記述出来ても肝心の表の中身（セルの内容は記入できませんが？）

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

前回の回答者の方もかかれてましたＵＲＬはご覧になりましたでしょうか？

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

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

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

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

（現実的に２ｐｘのセルは？ですが「grizzly」さんの例を参考にしました。）
横幅だけの指定ですから記述が楽になるどころかかえってめんどくさいですが
他の（プロパティ：値；）を複数指定したい場合は便利なわけです。
え～～と、当方のへぼな説明より件のＵＲＬをしっか見てください。

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

- 0
- 件

通報する

この回答へのお礼

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

http://dir.yahoo.co.jp/Computers_and_Internet/In …

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

通報する

お礼日時：2002/09/26 10:59

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！