- ベストアンサー
ホームページビルダー14で一ページ目の上部にタイトル、左にサイドバーの
ホームページビルダー14で一ページ目の上部にタイトル、左にサイドバーの部分を作り、右側に表の挿入して本文とか、画像を貼り付けようとします。 タイトル、サイドバー部分はどのページも共通なので作った一ページ目をファイル → ページの複製にして、右側の部分を他の材料と入れ替えし、その作業を繰り返し5ページのホームページを作りたいのですが、ページによってタイトル部分や、サイドバー部分に貼ったJPGの位置がずれてしまうものがあります。 どのページも寸分なく同じ位置に表示するにはどうしたらいいでしょうか。 右側に貼り付ける表のサイズとかで影響がありそうですが、表のサイズを同じにしてもずれるページは、やはりずれてしまいます。 よろしくお願いします。
- yamata2525
- お礼率89% (74/83)
- ホームページ作成ソフト
- 回答数2
- ありがとう数10
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんばんわ 慣れるとテーブルよりCSSでレイアウトするほうが楽だと思います。 下記の例で２カラムレイアウトを簡単に説明すると、 HTML側で「header」「inner」「footer」とそれぞれボックスを作り、 「inner」ボックスの中に「left」と「contents」を作ります。 CSS側で「left」と「contents」を横並びにしないといけないので、 float: left; で横並びにします。 横並びをするのは「inner」ボックスの中だけなので、 「inner」を出たら、floatを解除するという意味で、 HTML側のinnerボックスにCSSの「clearfix」機能を付け足します。 <div id="inner" class="clearfix">という感じです。 ※この「floatを解除する」方法はいくつかありますので、 この方法は「clearfix」という方法を使用しています。 他にも方法があり、この方法でないとだめということはありません。好みの問題です。 簡単に説明するとこんな感じです。 ネットで「CSS ２カラム」で検索するとわかりやすく説明しているサイトは沢山あるので 検索してみてください。 ここもお勧めです CSSビギナー向けhttp://css-happylife.com/log/cssbeginner/ HTML側------------------------------ <body> <div id="header"></div> <div id="inner" class="clearfix"> <div id="left"> <p>left</p> </div> <div id="contents"> <p>contents</p> </div> </div> <div id="footer">footer</div> </body> -------------------------------------------- CSS側--------------------------------------- /*bodyと枠のスタイル*/ body{ width: 800px; } /*内枠*/ #inner { width: 800px; } /*ヘッダー*/ #header { background: #00CC66; height: 100px; width: 800px; } /*左ボックス*/ #left { float: left; width: 200px; background: #0099CC; height: 500px; } /*右ボックス*/ #contents { background: #66FFFF; float: left; width: 600px; height: 500px; } /*clear fix 回り込みの解除*/ .clearfix{ /zoom : 1; } .clearfix:after{ content : ''; display : block; clear : both; } /*フッダー*/ #footer { background: #00CC66; height: 100px; width: 800px; } ------------------------------------
その他の回答 (1)
- otaku37564
- ベストアンサー率38% (1160/3007)
全体をテーブルで組みましたか？ テーブルだとサイズ固定にしても中に入っている文字や写真の大きさで ズレますよ。 全体をCSS使って組めればいいのですけど。
お礼
テーブルでくんでいます。そのせいでずれるんですね。 CSSで組む方法って簡単ですか。 ざっと方法を教えていただくと助かるんですけど。
関連するQ&A
- ホームページビルダーv9のページタイトルについて
ホームページビルダーv9を使っているのですが、ページタイトルを変えようと思って、変えてみたらホームページビルダーのほうは変わっているのですが、アップしたら自分のホームページのタイトルは変わっていませんでした。 こちらでいろいろ調べてみたのですが、わかりません・・・ よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダーでページの複製ができない
困っています、解る方教えてください。ホームページビルダーＶ１０でスタンダード（標準）でトップページを作り保存しました、そこで複製ページを作ろうとファイルをクリックしたのですが、プルダウンメニューが、ページの複製の項目の無いものに変わっていました。どうすれば直るでしょうか？
- ベストアンサー
- その他（インターネット・Webサービス）
- ホームページビルダー14の編集ページについて
ビルダーを使用しホームページ作成から2年ほどたちなす。先日、ホームページをアップ後にビルダー14にて、再度、ページ編集を使用とした時に編集ページの文字のサイズが勝手に大きくなってしまい困っております。特別に文字サイズを変更したりはしていません。 1．編集ページのすべての文字のサイズが大きくなっているのではなく、部分部分にサイズが変わっています。ブロック毎といった感じです。文字サイズが大きくなってしまった為に、一行に収まっていた 文章などが2行になってしまっています。 2．プレビューページは問題ない時と、こちらも一部文字サイズが変わってしまっています。 ビルダー上のフォントサイズは変更していません。 詳しい方お助け下さい。 3．先日アップしたHPに問題はありません。 詳細が必要であれば書き込みしますので宜しくお願いいたします。 詳しい方、本当に困っています。お助け下さい。
- 締切済み
- ホームページ作成ソフト
- サイドバーをいちいち全ページ更新するのが面倒くさい
すみません、ホームページ作成初心者です。 今ホームページビルダー10を使ってサイトを作っているのですが、 大まかに言うと「見た目は」メインページとサイドバーのブログのようなつくりです。 メインのページが増えていくにしたがってサイドバーの項目も増えていっています。 サイドバーは固定で全ページについているような状態です。 ページが増えていくに従ってサイドバーも変更になるので、 いちいち全ページ追加・更新しているのですが、 サイドバーを簡単に更新できるような方法は無いでしょうか。 一度書き換えたら全ページに反映されるような…。(ブログのように) スタイルシートなどを使えばいいのでしょうか。 調べてみたのですがよく分かりません。 何かヒントでもいいので教えていただければ嬉しいです。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダー タイトル変更
ホームページビルダー14です。 トップページでタイトルを変更しましたので、各ページも同様にしたいのですが、どうすれば反映されるのでしょうか。 初心者なのでよくわかりません。宜しくお願いいたします。
- 締切済み
- ホームページ作成ソフト
- ホームページビルダー１０でのページサイズ・・・
ホームページビルダー１０でホームページを作成しているのですが、 先日作製したHPをネットカフェのデスクトップPCの大きなモニターで開いたところ、画像がページ上部に偏っていました！？ 作製時に使用したPCはノート型で、ノートPCの小さなモニターでは気付きませんでした。 ホームページビルダーの「どこでも配置モード」で３分割のフレームページ（TOPと左側は固定で、右下に画像・リンクしたページ等の表示をするスタイルです。） どの大きさのモニターで開いても同じ様にページが表示される様にするにはどうすれば良いでしょうか？ どうぞ宜しくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- ホームページ・ビルダー８のページ設定について
ホームページ・ビルダー８を使って初めて自分のＨＰを作成しようとしています。ハウツー本で勉強していますが、試行錯誤の連続で大変です。ページ設定について教えてください。本文や写真を更新した時、その本文または写真がページのトップに来るようにしたい。今はページの一番下に貼り付けられるので更新記事を読むのが大変です。 ページ設定は「スタンダード」、「どこでも貼り付け」から「挿入」で本文か写真を貼り付けています。 現在ＨＰ作成中でまだ公開はしていません。
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダー９で
ホームページビルダー９でホームページを作成しているのですが、見た目をよくするために写真のサイズを統一してアップしたいと考えています。 そこで、あらかじめ表を作っておき、その表にあわせて写真のサイズを変更したいのですが、一回表のサイズを変更しても写真を入れるとサイズが変わってしまいます。 表のサイズを固定し、そこに写真を挿入しても写真のサイズの方が拡大されたり縮小されたりすることは出来ますか？
- 締切済み
- ホームページ作成ソフト
- ホームページビルダーV9における タイトル設定の方法
私は現在、某大学の部活のホームページ係を担当しています。 このホームページは先輩が作ってくださったものなのですが、わからないことがありますので質問させてください。 まず、ホームページのタイトル(インターネット画面の最上部にある青いバーのことです。現在の私の画面なら“新規質問‐教えて！goo‐”とります)の設定方法です。 私は陸上部ですので、まず、トップページに“○○大学陸上部”と入れたいのですが、現在はホームページアドレスが出ます。 また、ホームページ内にメンバー紹介やら結果などのページがあるのですが、それぞれについてもタイトルをつけてやりたいです。 しかし、ツールバーの下のアドレス欄にはずっとトップページのアドレスが表示されているため、それぞれにタイトルをつけるのは不可能なのでしょうか？ あと、このページ最上部のバーの色も変えたりしたいのですが帰る方法はあるでしょうか？ 質問がたくさんですいません。 ちなみに私は現在ホームページビルダーV9を使っています。右も左もわからない状態なので丁寧な解説していただいたら非常に助かります。 宜しくお願いいたします。
- ベストアンサー
- HTML
- ホームページビルダー
ホームページビルダーを使っています。画像サイズなどを極力小さくしたりシンプルにページを作ったのですが、表示に少し時間がかかります。ビルダーで作ったページは重くなるとネットで見たことがあるのですが軽くする方法はないでしょうか？専門的な知識はないのですがよろしくお願いします。
- 締切済み
- ホームページ作成ソフト
お礼
ありがとうございました。 勉強して挑戦してみます。 お礼が遅くなってすみませんでした。