- ベストアンサー
表の列幅設定できず、2列目が狭くなる理由と確認すべき箇所
- 表の列幅を設定できず、2列目が狭くなる理由を調査します。
- 設定した表の列幅に関係して、2列目の幅が狭くなる原因を見つけます。
- モニターの解像度やセル内の余白設定など、確認すべき箇所を提案します。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
どこか間違っているのでしょうね。 ソースを提示した方良かったですね。 2列目が半分というなら、60px程度って事かな? #tab1 { width:650px;} #tab1 td{ padding:5px;} #tab1 .td1{ width:120px;} #tab1 .td3{ width:150px;} <table border="1" id="tab1"> <tr><td class="td1">1</td><td class="td1">2</td><td class="td3">3</td><td>4</td></tr> <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr> <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr> <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr> <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr> </table>
その他の回答 (1)
- naokita
- ベストアンサー率57% (1008/1745)
#1です。お礼拝見済み。 ご利用している玩具での方法は知りませんが、 前回答はCSSでの利用方法で、ここ数年は一般的に利用されています。 例のCSSを<head>~~</head>内にを入れて、(外部.CSSでも良い) (他の指定やCSSでの優先順にも注意) HTMLには、下部に書いたテーブルを入れてみましょう。 つまり、このテーブルはCSSで設定しています。 残念ながら、それがわからなければ、無理って事になります・・・ HTMLがわからないのなら勉強するか、諦めるかの選択になり、 HTMLをもう一度見直すか、作り直しましょう。 <style type="text/css"> <!-- #tab1 { width:650px;} #tab1 td{ padding:5px;} #tab1 .td1{ width:120px;} #tab1 .td3{ width:150px;} --> </style> <table border="1" id="tab1"> <tr><td class="td1">1</td><td class="td1">2</td><td class="td3">3</td><td>4</td></tr> <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr> <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr> <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr> <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr> </table>
お礼
naokita さん、ありがとうございます。 HTMLを勉強するよりは、「玩具」を使ったほうが楽だと思いました。 言われるように、やはりHTMLを多少でも理解していないと、「玩具」の参考書も理解できません。 せっかく記入していただいた要素も、どこに入力するのかもわかりません。 ここは、とりあえずギブアップです。
お礼
naokita さん、ありがとうございます。 私はHTMLが全く分かりません。 表の中にはたくさんの文字列を入力しているために、 #tab1 { width:650px;} #tab1 td{ padding:5px;} #tab1 .td1{ width:120px;} #tab1 .td3{ width:150px;} 上記のようなものが見当たりません。 ホ-ムページビルダの「ページ編集」タブで探す方法はないでしょうか。 このアプリケーションの限界でしょうか。