表を使って、中に文字を打ち込み、形よく作りたいのですが、
表のセルの幅をうまくかえることができません。
属性で表のセルの幅を設定しても、そのとおりにならず、
ブラウザで見てもとんでもない配置になります。また、手動で幅を変えようと思っても、ぜんぜん広がらなかったり、変なふうに広がったり・・・
ビルダーのマニュアル本などを探したのですが、表の定義について
詳しくのってるものがなくてお手上げです。
どなたか同じようなことで困ったというかた、どういうふうに乗り切りましたか?
ビルダーに関して詳しく教えてくれるHPなど、ないでしょうか?
No.1ベストアンサー
- 回答日時:
tableタグでプロポーションを任意に表示するのは結構難しいです。
エディター・ソフト(HPビルダー等)で細かい指定をするには限界があり、最終的にはノートパッドやテキスト・エディターでネイティブにコーディングする必要があります。
結論から言うと、fontタグでだけでテキストを思い通りに表示するのは無理だと思ってください。
フォントのサイズはブラウザの設定で変わるので、ユーザーの設定ごとに表示されるサイズが変わるからです。
テキストで絶対的にサイズ指定するにはCSS(カスケーディング・スタイル・シート)を使いフォントの大きさをポイントで指定するか、画像ファイルにしなければ無理です。
また、tableタグはソースでセルの高さ又は幅を明示的に指定しないとブラウザで表示した時にプロポーションが崩れます。
具体的には(幅を明示的に指定した場合)
<TABLE WIDTH="450">
<TR>
<TD WIDTH="150">
<TD WIDTH="150">
<TD WIDTH="150">
</TR>
</TABLE>
のようにピクセルでテーブル全体、セルごとの幅を指定する必要があります。
このTDタグで指定している幅の合計がTABLEタグで指定しているテーブル全体の幅と一致しない場合もプロポーションが崩れます。
また、TABLEタグはブラウザによっても解釈が異なります。
IEで表示できてもNetscape Navigatorで見るとプロポーションが崩れる事はままあります。
最終的な表示確認はNetscape Navigatorで行うのが妥当です。
HTML、CSSの説明HPは沢山あるので調べてみてください。
参考までにリンクを張っておきます。
参考URL:http://www.hajimeteno.ne.jp/
No.2
- 回答日時:
「手動で幅を変えようと思っても、ぜんぜん広がらなかったり、変なふうに広がったり」という場合は、そのテーブルのどこかでホームページビルダーで言うところの「結合」をさせていませんか?
そういう場合、他の列のサイズが干渉して、上手く変えられない場合があります。
こうなってしまうと、ホームページビルダーの「属性の変更」あたりで変えるのは難しいと思います。
出来れば、「HTMLソース」表示に切り替えて、ひとつひとつのサイズ指定を見直したほうが確実……というか、手っ取り早いでしょう。
表の定義は、確かに解説書にはあまり詳しく載っていないと思いますので、タグ辞典等を1冊買うのがベストです。
また、どんなに苦労しても、指定したなかに収まらない量の文字があれば、テーブルが崩れます。さらに、閲覧者がブラウザの文字サイズを変えれば、どうしても自分の思い通りにはならなくなるので、その点はあきらめるしかありません。もしくはスタイルシートを使うことになります。
結合させてます。そのせいが大きいですね。HTMLをよくしらないので、
結合が干渉しないような方法で表をつくりなおしました。
とりあえずですが・・・やはりHTML勉強すべきですね。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Illustratorで作成、pngで保存...
-
オプションメニューの中の文字...
-
PDFファイルを横につなぐ事は可...
-
ユーザーフォーム スクロール...
-
photo shopでA4サイズは何セン...
-
SELECTのプルダウンの長さの調整
-
アップしたホームページがスマ...
-
プルダウンメニュー表示時の高...
-
PowerPointでホームページ
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
入力規則のリストの文字の大き...
-
サイト全体を縮小して印刷する...
-
cssファイルの名称付け
-
テキストエディタmiの表示文字...
-
英語版OSでの遊明朝、游ゴシック
-
font-family の記載方法
-
Excel VBAで文字列の可視長を得...
-
WORD全角入力しても半角に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Illustratorで作成、pngで保存...
-
ユーザーフォーム スクロール...
-
フォルダ内の写真を画面幅にあ...
-
オプションメニューの中の文字...
-
SELECTのプルダウンの長さの調整
-
プルダウンメニュー表示時の高...
-
アップしたホームページがスマ...
-
縦長のホームページを作りたい...
-
Word Webレイアウト表示に関して
-
PDFファイルを横につなぐ事は可...
-
B4サイズを実寸大で表示できる...
-
ページ幅を基準に表示
-
文字が綺麗でサイズが小さいバ...
-
photo shopでA4サイズは何セン...
-
スタイルシートの表の固定
-
ホームページビルダー10【ス...
-
フォトショップのカンバスサイ...
-
誰でも統一してみれるホームペ...
-
kick in 2000の横幅を狭くしたい
-
右に伸びて展開するホームペー...
おすすめ情報