• ベストアンサー

HPビルダー８　フレームを消して１つにまとめたい！

HPビルダーでHPを作って公開しています。 でも今のHPはフレームを使って2分割に分かれています。 左のフレームにメニューが縦にならんでいてスクロールバーが付いています。右にはメイン？ページがあります。 それを分割しないで今度はフレームを使わず今までのHPの感じで１つのページに変えたいのですがどうやったらできますか？ 作り直すしかありませんでしょうか？ 宜しくお願いします！

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

  • ベストアンサー
  • echo170en
  • ベストアンサー率39% (35/89)
回答No.2

kuribou11さん、その後どうかなー♪ ちょっと下のタグを作ってみたので全部丸ごと貼付けてみて下さいねー 上手に貼付けられれば、色分けされたフレームじゃない、CSSによる構築が出来ているはずです。 色分けはあくまでつけたもので自由に替えられます。 ビルダーはよく分からないけどそう言う感じかなぁ・・・・ ガンバ♪ヽ(=´▽`=)ノ <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSSの構造</title> <style type="text/css"> <!-- #wrapper { background-color: #CCCCCC; margin: 0px; padding: 0px; height: 800px; width: 600px; } #header { background-color: #0099FF; margin: 0px; padding: 0px; height: 100px; width: 600px; } #contents { margin: 0px; padding: 0px; height: 600px; width: 600px; } #contents #menu { margin: 0px; padding: 0px; float: left; height: 600px; width: 150px; background-color: #FFFF99; } --> </style> <style type="text/css"> <!-- #contents #naiyou { margin: 0px; padding: 0px; float: left; height: 600px; width: 450px; background-color: #00FFFF; } --> </style> </head> <body><div id="wrapper"> <div id="header">ここはヘッダです</div> <div id="contents"> <div id="menu">ここはメニュー</div> <div id="naiyou">んで。内容はここです</div> </div> </div> </body> </html>

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

その他の回答 (1)

  • echo170en
  • ベストアンサー率39% (35/89)
回答No.1

こんにちは、見ていないので詳しくは分からないのですが ・「左」フレーム：menu ・「右」：main（内容とかいろいろ） だとします。えー方法は２つ。薦められる方から行きましょうねー♪ 【CSSを使う（カスケードスタイルシート）】（１） ちょっと調べたらビルダー8にもCSS機能があるようです。 http://hpb.web-creation.info/y1_dfile.htmlの中で中盤に少し載っていますよ。 CSSについて書くととても治まらないのですが今の標準ですから覚えて行くのは一番お薦めです。 CSSの場合「左」を例えば <div id=left> メニューの内容ー＝＝＝＝ </div> というボックスで括るだけでフレームの「左：めにゅー」の様な役割が出来るのです。 CSSタグについて詳しくは書籍がたくさん出てますから購入も手だと思いますよ。 http://hp.vector.co.jp/authors/VA022006/css/selector.html#id-selectors こう言うのもありますけど分かり難いですね(笑)本が良いでしょう。 【薦められない荒技：隠しテーブル】（2) (笑)こう言う技です。一つの巨大なテーブルを存在させます。つくっちゃいましたw http://yusukeinoue.web.fc2.com/okwave/table.html だめですな。こりゃ。 という訳wで私のお薦めは【CSS】ですkuribou11さん頑張ってねー♪

kuribou11
質問者

お礼

とても詳しい回答を頂きましてありがとうございます！ ちょっと。。初心者の私には難しそうですが試してみます。 echo170en様ありがとうございました＾＾

すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

質問する