- ベストアンサー
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> よろしくおねがいします。
- grizzly
- お礼率81% (895/1101)
- その他（プログラミング・開発）
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 外部ファイル（***.css）は１つでいいはずです。 １つの外部ファイルにスタイルを設定するのです。 お分かりだと思いますが、 スタイルの設定の仕方には 1.外部ファイル 2.クラス 3.各々の設定 があります。 1.外部ファイル 外部ファイルをアップロードしたディレクトリ内の全てのファイルに対して スタイルを一括して適用します。 2.クラス ファイル（ページ）ごとにファイル内に記述して 記述したファイルにだけに適用します。 3.各々の設定 文字やテーブルごとに１つずつ適用します。 ファイル数がそれほど多くない場合は クラスで設定されたほうが分かりやすいと思いますよ。 特にテーブルを多用する場合は。 例えばご質問のことをクラスを使って設定すると （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> 閲覧者に仕組みを見せたくないと言うことでしょうか。 もし、そうであっても 外部ファイルをダウンロードすることは可能です。 スタイルシートは画面上の見た目を整えると 私自身認識しています。 ですから、スタイルシートを使ってテーブルを構成することは 残念ながら不可能です。
その他の回答 (1)
- moccos
- ベストアンサー率43% (61/140)
→ うまく挿入できれば、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」さんの例を参考にしました。） 横幅だけの指定ですから記述が楽になるどころかかえってめんどくさいですが 他の（プロパティ：値；）を複数指定したい場合は便利なわけです。 え～～と、当方のへぼな説明より件のＵＲＬをしっか見てください。 もし失礼な表現等がありましたらお許しください。
お礼
cssは、色、空白、フォントなどの属性を規定するのですね。勘違いしていました。 Yahoo!のcssの項を見て、ようやくわかりました。 http://dir.yahoo.co.jp/Computers_and_Internet/Information_and_Documentation/Data_Formats/HTML/Cascading_Style_Sheets/ テーブルはひとつにまとめました。 ありがとうございました。
お礼
「クラス」の意味がわかりました。 cssでは、テーブルを構成できないこともよくわかりました。 1行2列のテーブルの設定方法もわかりました。 重ね重ねありがとうございました。 おかげざまで1段高見にたつことができました。