- ベストアンサー
HPビルダー８ フレームを消して１つにまとめたい！
HPビルダーでHPを作って公開しています。 でも今のHPはフレームを使って2分割に分かれています。 左のフレームにメニューが縦にならんでいてスクロールバーが付いています。右にはメイン？ページがあります。 それを分割しないで今度はフレームを使わず今までのHPの感じで１つのページに変えたいのですがどうやったらできますか？ 作り直すしかありませんでしょうか？ 宜しくお願いします！
- kuribou11
- お礼率81% (533/655)
- ホームページ作成ソフト
- 回答数2
- ありがとう数1
- みんなの回答 （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)
こんにちは、見ていないので詳しくは分からないのですが ・「左」フレーム：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さん頑張ってねー♪
お礼
とても詳しい回答を頂きましてありがとうございます！ ちょっと。。初心者の私には難しそうですが試してみます。 echo170en様ありがとうございました＾＾