• ベストアンサー

ページの分割をせずに分割する方法

ホームページのトップページを更新中です。 すべてのページの上部にナビゲーションバー?があるため、ページを分割するとかえって見にくくなる気がします。ナビゲーションバーの下に、左側に簡単な自己紹介、右側にイベント情報を随時載せていきたいのですが、良い方法はありませんか?一度表を挿入してみましたが、うまくいきません・・・

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

というと3列になってる、ブログでよくある形にしたいんですか? よくわかりませんが、もしそういうことであればCSSで指定すればいいとおもいます。 参考URLにわかりやすい解説サイト載せておきます。

参考URL:
http://css.uka-p.com/
hemei
質問者

お礼

ありがとうございます。参考にしてみます。 3列というのは、横3列ということですか?間違っていたらすみません。 目指しているのは、上に横1段、その下に左右に分かれたたて2列です。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

回答No.3

私のサイトは上部にメインメニュー。 その下の左側にサブメニュー、右側に本文という構成になっています。 以下はその主要な部分です。 ■HTMLファイル <body> <div id="header"><!-- header --> 上部の横1段部分 </div><!-- header終了 --> <div id="pagebody"><!-- pagebody --> <div id="navigation"><!-- navigation --> 下の左側部分 </div><!-- navigation終了 --> <div id="content"><!-- content --> 下の右側部分 </div><!-- content終了 --> </div><!-- pagebody終了 --> </body> ■CSSファイル /* 全体構造-----*/ @charset "Shift_JIS"; * { margin : 0 ; padding : 0 ; }/*マージン、パッティングは原則0*/ body { width : 100% ;} /* ヘッダ(先頭の部分)-----*/ #header {width : 100%;margin :2 0 0 0;} /* ページ本体(=ナビゲーション+コンテンツ)-----*/ #pagebody {float:left;} /* ナビゲーション(左側のサブメニュー)-----*/ #navigation {float:left; width:235px;} /* コンテンツ(中央右側の文章を書く部分)-----*/ #content {margin-left: 235px;width:100%;}

全文を見る
すると、全ての回答が全文表示されます。
回答No.2

私が言っていたのは「縦に3列」ですね^ ^ hemeiさんの言う方法もcssによって可能だと思うのでぜひチャレンジしてみてください。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • フレーム分割について

    初心者です HPビルダー8ですが、垂直2分割で、左に目次、クリックすると右にそのページが表示できるといったものですが、方法がよくわかりません。 何ページか作っていますが、TOPページを開いておいて、フレームページの作成にして左にTOPとか自己紹介とか入れて、リンクを貼って、エクスプローラで表示すると、TOPページの中にも、TOPとか自己紹介と、左側と同じものが出てしまいます。 右側のTOPとか自己紹介とかを消して左側だけに目次がでるようにする方法がわかりません。 また、保存の方法についてもわかりません。 表現が下手で申し訳ありません。 ご不明な点があれば補足しますので、よろしくお願いします。

  • 3分割されたページ(8P)へリンクするTOPページを作りたい

     ホームページビルダー9です。もともと、あったHPの修正をしています。  もともとあったのは、TOPページが上、下分割で下部が左右に分割されていて、左側がメニューになっています。上部は会社名が常に表示されている状態でメニューの項目(8個)をクリックすると、下部左側の画面だけが変わっていくと言うスタイルになっています。  現在、そのHPにTOPページを追加する作業をしています。もともとあった、左側のメニュー項目を、TOPページにも記して、それぞれのページへのリンクを貼ります。そして、TOPページから入った各ページの左側にも、今までどおりメニューを残したいのです。  TOPページにはフレームは使用しないつもりです。  そんな状態で作っているのですが、TOPページから飛んだときに、左側のメニュー部、上側などが表示されないときが頻繁にあります。特に、今回追加しているリンク先のページに関しては、どうしても左側が表示されません。  左側メニューから飛ぶと、問題ないのですが、TOPページからはいると問題が起きます。  解決方法はあるでしょうか?

  • topページから開いたメインページが・・

    fc2ホームページでホームページを作成しています。 初心者です。右も左も分かりません。 ”topページから開いたページ”が本来の動きをしてくれないのです。 本来の動きというのは 「topページからホームページのメイン画面に移る↓ 移ったメイン画面は二分割で左側がメニューで右側に表示される」 というものなのですがtopページから開いたメインページ内のメニューで項目を選択しても 右側には表示されずに新しくもうひとつページが開かれ、その新しく開かれたページが メインページとしての本来の動きをしてしまうんです。 ※左側のメニューは右側に表示されるようにしています。 どうしてこうなってしまうのか分かりません。それゆえ、どうすればよいのかも分かりません。 どなたか教えてください!

  • ホームページビルダーのフレームのトップページの表示がおかしい。

    ホームページビルダー11で3分割のフレームページをつくりました。トップページの上や左側のフレームからのリンクをクリックすると、右側のフレームに表示されるのですが、トップページをクリックすると右側のフレームに3分割されたトップページが表示されてしまうのです。 どうしたらよいのかお分かりになる方教えていただけますようお願いいたします。

  • フレーム分割ページの余白・サイズ指定

    ホームページビルダー13(体験版)でフレーム分割ページを作成しています。 分割方法は、上部を真横に分割(タイトル部)、左側を、上部を分割した下から一番下まで(メニュー)。 最後に残ったところにメインコンテンツが表示されます。 そこでひととおり作成してみたのですが、どのパソコンで閲覧しても 横いっぱいまで広がってしまいます。できれば、右側に余白を作るとかして サイズを固定したいのですが、どのようにすればよいのでしょうか? このような分割方法ですとそもそも無理ですか?よろしくお願いいたします。

  • スタイルシートの不具合とページの分割

    質問事項はふたつあります。 1.HPの編集を引き継いだのですが、一度トップページが行方不明になってしまい、最近発見したトップページに近いファイルを編集してトップページに差し替えました。以前は画面が二つに分割されていました。とは言っても、完全に分割されているわけではなく、真ん中に多少スペースがあり、スクロールすると全体がスクロールされるようになっていました。その方法が分からず、私は画面右と左と完全に分割するやり方しか見つけられません。全体が同時にスクロールされ、かつ右と左とに分ける編集方法はありますか?ホームページビルダーを使っていますが、ページの編集でも分からないし、それが可能なHTMLタグも発見できません・・・ 2.編集したHPが、開くPCによって表示が異なってしまいます。具体的には、PCAで開くとトップページにもスタイルシートが反映(?)されますが、自宅のPCBで開くとトップページに様々なフォントが反映されません。また、上記のトップページをとりあえず表を挿入して分割しているのですが、PCAで開くと表が画面7割くらいにしか広がっていなくて、PCBで開くと普通に表示されます。修正することは可能でしょうか。

  • wordで左右2分割

    wordで段組を使用すると左右2分割できますが、左側と右側を独立させることはできますでしょうか。 すなわち、左側の最後まで行き着いたら右側に改行されるのではなく、2ページ目の左側に改ページさせたいです。 表は使用したくないのですが、このようなことは一太郎にしか出来ないのでしょうか。 ご存知の方教えてください。

  • ワードで表の分割ができない

    Office2003を使っています。 3列1行の表体裁のワード文書があります。 ページによってヘッダーを変える為に、セクション区切りを入れたいです。 しかし、1行のセルになっている為、セクション区切りを挿入しても、 最上部に挿入され、任意の場所には入れることができません。 そこで、任意の場所で表分割をし、セクション区切りが挿入できるようにしたいです。 しかし、任意の場所で「罫線」→「表の分割」をクリックしても、 最上部に分割部分が挿入されてしまいます。 何とか、任意の場所で表の分割ができないでしょうか?

  • Word 2000 で1つのページを左右に分割する方法

    タイトルのままなのですが、Wordで1つのページを左右に分割する方法はございますか?イメージとしては、英語辞書を思い浮かべていただきといと思っております。見た目が、まさに英語辞書のようにしたいのです。辞書のように1ページを左右に分けて、1ページ目の左側→1ページ目の右側→2ページ目の左側→2ページ目の右側・・・・・というような順番で横書きの文章を書けるようにしたいのです。 一応、私が思い浮かんだ方法は、大きな横書きのテキストボックスを半分づつ作って、それを隣合うように並べ、そのテキストボックスに文章を書いていくという方法です。しかし、この方法ですと、同じページ内の左から右へ、またはページ右側から次のページの左側へ移る時に、うまく文章がつながるように調整できません。 何か良い方法がございましたら教えてください。お願いいたします。

  • 2分割されたページの印刷の手順を教えて下さい。

    ホームページビルダーで2分割を利用したフレームを作成しました。 左側フレームにメニューボタン、右側にページです。 A4用紙印刷すると、別々に印刷されますが、1枚の用紙に左右同時 に印刷する方法を教えて下さい。