- ベストアンサー
ホームページビルダーの表での中央寄せとセルの大きさのずれの原因と解決方法
- ホームページビルダーの表で中央寄せをした際に、ブラウザで表示するとずれる原因について解説します。
- また、セルの大きさを変える際に数字を入れても反映されない問題についても解決方法を紹介します。
- ホームページビルダー内での設定とブラウザでの表示の差異を解消し、中央寄せやセルの大きさの調整を正確に行う方法をご説明します。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
例えば、今までどこでも配置モードで作ったページを標準モードで開く場合 (HPB内のファイル→モードを指定してページを開く→標準モードで開く)で 開きます しかし、開いたページはWEB上で公開した場合画像などがかなりずれていたりします (画像同士が重なっている場合も・・・) HPBを使う場合でも若干タグなどを覚えておく必要もあります HTMLソースを開くとタグが出てきます(一度開いてみてください) 例えばdeen20 さんが置いてある画像を0.jpgがあったとした場合 <DIV style="top : 329px;left : 116px; position : absolute;"><IMG src="0.jpg" width="800" height="600" border="0"></DIV> とした場合 このタグの意味は 上から329 左から116の位置に 幅800ピクセル 高さ600ピクセルの大きさの画像[0.jpg]が ありますと言う意味です position : absolute 絶対位置指定されているということです 多分こう言う位置指定されたものばかりあると思います (今までどこでも配置モードで作ったページを標準モードで開くと) 位置指定しない場合は <DIV><IMG src="0.jpg" width="800" height="600" border="0"></DIV>と書き換えます Aの画像をBの左側に置いて、Cの画像をAの画像の真下に置きたい それをWEB上で公開した場合中央に置きたいならテーブルを置いてその中に画像を入れて 位置揃えで中央にしないといけません 説明文がちょっと難しいかもしれませんね テーブル(表)の位置 自分の置きたい位置に置くには 結論から言いますと タグの勉強が必要だと (長々と書いて役に立たず、ごめんなさい) タグの勉強 HP作成に役立つサイトを紹介しておきます (結構勉強になります) [0からHTML] http://www.zerokara.com/html/ ※タグの勉強の裏技と言う程のものではありませんが ネットを開いて右クリック→ソースの表示を開くとメモ帳が出てきますので そのタグをすべてコピーして HPB のHTMLソースを開いてそこに貼り付けてページ編集で 見てください テーブルの設置や画像の設置など 結構方法が判るかも知れません
その他の回答 (1)
- worst_shin
- ベストアンサー率55% (69/125)
deen20さんは、どこでも配置モードでされてるんでしたね 標準モードに切り替えて作成してみて下さい どこでも配置モードで真ん中に持ってきているつもりでも そのモードでは中央に表示されません >「エクセル」の表みたいなのがありますよね 多分テーブルのことを仰っていると思います ナビメニューの中にある 『表の挿入』をクリックして出していると思います その表を出して、右横のセルのレイアウトで 「中央揃え』 にしていると 思いますがあれは表の枠の中に入れる文字を中央に揃えるだけです ■ 一度練習で 標準モードに切り替えてページを作成してみましょう^^ ■ まずスタート→ページを作成する→[通常ページ・白紙から・標準モード]で完了!! ページが開いたら そこにナビメニューにある『表の挿入』でページに表を置いてみてください 今までのようにその表はマウスで移動させたり出来ませんよね その表の全体をクリックしてみてください (表の全体をピンクにさせてみて) 次は 右にある属性(表の位置揃えを(自動)から中央揃えにしてみてください するときっちり表は真ん中に表示されるようになります 参考にページ編集の横のHTMLソースを開けてみてください <TABLE と言う文字があります その文字の上に <CENTER> とある筈です^^ どこでも配置モード→標準モードにと 慣れないうちは戸惑うかもしれませんが 慣れたらこちらの方が作業しやすくなると思いますよ 頑張って素敵なサイトをお作り下さいませ^^ ===================================================== ◆どこでも配置モード◆ 文字や画像がカーソルの指定位置に好きに配置できます。 ですが、WEB上で公開した場合画像などがずれることがありますし、 ソースは配置した順に表示されますので、画面上での位置と ソース上での位置が合致していないことがあります。 ◆標準モードで作成した場合◆ ブラウザの横幅や文字サイズを変更しても、 画面のレイアウトは崩れません ===================================================== ■どこでも配置モードと標準モードの違いについて■ http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb1266
補足
ご回答ありがとうございます。標準モードで作成したほうがいいと いうことですね。ところで、この「テーブル」を標準モードで作成 するとき、どうやって自分の置きたい位置に設置するのですか? あと、前回どこでも配置モードで作ったページを一部使って、標準で その後追加で作っていくことはできますでしょうか。自分が作っている ホームページは全ページ共通のバナーみたいなものがあるんです。 これを使って、あとはその下に標準でページを作ってみたいです。 やり方を教えてください。よろしくお願いします。
お礼
ありがとうございます。 本当にわざわざすみません。 ポイントを受け取ってください。 やっぱり勉強って大変ですよね。 もっと頑張ります。