表を使って、中に文字を打ち込み、形よく作りたいのですが、
表のセルの幅をうまくかえることができません。
属性で表のセルの幅を設定しても、そのとおりにならず、
ブラウザで見てもとんでもない配置になります。また、手動で幅を変えようと思っても、ぜんぜん広がらなかったり、変なふうに広がったり・・・
ビルダーのマニュアル本などを探したのですが、表の定義について
詳しくのってるものがなくてお手上げです。
どなたか同じようなことで困ったというかた、どういうふうに乗り切りましたか?
ビルダーに関して詳しく教えてくれる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を探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Illustratorで作成、pngで保存...
-
ユーザーフォーム スクロール...
-
Word Webレイアウト表示に関して
-
ホームページビルダー10【ス...
-
アップしたホームページがスマ...
-
オプションメニューの中の文字...
-
フォルダ内の写真を画面幅にあ...
-
SELECTのプルダウンの長さの調整
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
cssファイルの名称付け
-
ペイント3Dのテキストサイズ変更
-
Excel VBAで文字列の可視長を得...
-
入力規則のリストの文字の大き...
-
HTMLでHGPゴシックEを表現する...
-
リストの前後の行間をなくす方...
-
ディレクトリ構成【「common」...
-
EXCEL VBA 印刷プレビューダイ...
-
「MS Pゴシック」と同じ幅の...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Illustratorで作成、pngで保存...
-
ユーザーフォーム スクロール...
-
SELECTのプルダウンの長さの調整
-
オプションメニューの中の文字...
-
プルダウンメニュー表示時の高...
-
フォルダ内の写真を画面幅にあ...
-
Word Webレイアウト表示に関して
-
アップしたホームページがスマ...
-
文字が綺麗でサイズが小さいバ...
-
PDFファイルを横につなぐ事は可...
-
photo shopでA4サイズは何セン...
-
ホームページビルダー10【ス...
-
縦長のホームページを作りたい...
-
WEBサイトの横幅が960や980の理...
-
ご教授お願いします。ホームペ...
-
ウィンドゥ・サイズをリアルタ...
-
現在表示されているWEBサイトの...
-
iPhoneは画面を横向きにしてネ...
-
B4サイズを実寸大で表示できる...
-
誰でも統一してみれるホームペ...
おすすめ情報