• ベストアンサー

HPビルダー11でCSSが…

CSSに関して本当に初心者です… 以前までHPを作成する際、フレームページで表示していました。 ただ、今回はスタイルシートで作成したいと思ったんですが、 たとえば、        A 画面最上部 ----------------------------- | |   | |   |B|    D メイン   | |   | |   -----------------------------       C 画面最下部 この様なページを作りたい場合に、最初からA+B+Cを作って、 全てのページに反映させたりすることは出来るのでしょうか? また、cgiのページをDに表示するようにしたり出来ますでしょうか? ご教授お願いいたします^^

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

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

>もう少しシンプルなデザインになるよう工夫しろとかそういう言い方をせざるを得ない…^^; と先の方と同様、ご自分で初心者と仰っている方にはハードル高いと思います。 っていうか、同様の質問に回答してキレられたから嫌なんですがkojiro1031さまがやりたがっているのは 3段組のテーブルレイアウトをCSSに直すという作業で、市販のガイドブックでも71ページに渡って(図解付き)で解説している技です。 それを文章(掲示板)だけでご教授出来る人は皆無だと思います。 どうしてもやりたかったら、方法は3つ  1.地道にスタイルシートレイアウトの本で勉強  2.費用をかけたくなかったら スタイルシート 3段組 レイアウト で検索し勉強  3.テンプレートサイトで、希望のデザインに近いものを探す

kojiro1031
質問者

お礼

正直、こんなにも難しいものだとは思ってもいませんでしたw HTMLのフレーム作業は、素人の私でも2日もあれば理解できたんですが、さすがに市販書で71ページって…w 少し少しと勉強して行き、理解して、それから頑張ろうと思います♪ 有難う御座いました^^

その他の回答 (3)

  • k-josui
  • ベストアンサー率24% (3220/13025)
回答No.4

質問は回答が付く前に見たのですが、私はスタイルシートに自信がないので書かないでいました・・・・ やはり高度なテクニックを使うスタイルシートのようなので代替案を・・・・ サーバがSSIに対応している必要がありますが、AとBとCを別々に作りSSIを使います。 詳しくは↓ http://kasegu.org/frame.html これと↓ビルダーの説明です。 http://www.aimix.jp/ssirenew.html こちらは簡単、とりあえずこれで作って、それからスタイルシートにトライしてみてはいかがでしょうか?

kojiro1031
質問者

お礼

以前までHTMLしか分からなかったので、検索したらCSSで…とあったので、CSSじゃないと出来ないものだと思っておりました^^ SSIですか… チャレンジしてみたく思っています♪ 今後の課題はCSS等のHTMLと違う知識を身につけることですねw 本当に有難う御座います♪

回答No.3

No.2です。補足します × >同様の質問に回答してキレられたから嫌なんですが ○ 別の方から同様の質問をされ、それに回答してキレられたから嫌なんですが 初心者にいきなりそれは難しいと思い、図解で見られるよう書籍購入のアドバイスをしたら 「簡単にできないから掲示板で質問したんです」とキレられ、とても悲しかったので 貴方も「掲示板で全ての説明を求む」な方なら、ここでアドバイス終了です。 >この様なページを作りたい場合に、最初からA+B+Cを作って、 >全てのページに反映させたりすることは出来るのでしょうか? こんな技術かと思いますが、やはり難易度は高いです http://www.iriko34.com/html2-etc3.htm

  • MAN_MA_RUI
  • ベストアンサー率41% (426/1024)
回答No.1

フレームみたいな上部や下部の固定表示方式はposition:fixed;を使うことになりますが、生憎とIE6以前が対応していません。 もう少しシンプルなデザインになるよう工夫しろとかそういう言い方をせざるを得ない…^^;

kojiro1031
質問者

お礼

はっきり言って貰って有難う御座います。 「出来るかもしれない~」とかいってもらうより助かりましたw

関連するQ&A

  • HPビルダー11で今度はSSIで…(汗

    この様なホームページを作りたい場合、       A 画面最上部 -----------------------------   | |   | |   |B|    D メイン   | |   | |   -----------------------------       C 画面最下部 A+B+CをSSIを使用し作る事で 簡単に表示できる事は分かりました。 ですが、Dの画面にCGIの掲示板等を表示したい場合 いまいち分かりません。 この場合だとCGIに直接命令を出せばいいのでしょうか? CGIに書き込む以外の手段があればそちらの方がいいです。 ご教授、よろしくお願いいたします!!

  • HPビルダーでCSSを使ってフレームごとにデザイン変更

    HPビルダー8でフレームを使って左、右下(メイン)、右上での3画面でHPを作成中です。 左・右上・右下でそれぞれ違う背景を違うデザインで使いたいと思っています。 スタイルシートを利用中なのですが調べてもよく理解できずわかりません。 今はビルダーのスタイルシートの細かい指定方法がわからないので直接 手打ちでCSSファイルにメインページのデザインを入れて、 左・右上のフレームページはheadタグ内に個別に入れています。 できれば作業が簡易化できるようにフレームごとに違うデザインのCSSを それぞれ適用させたいとおもうのですが具体的な方法を教えていただけますか? CSSファイルなどを直接いじる方法でもHPビルダーの機能を使う方法でもどちらでもかまいません。 CSS系のサイトは一通り見てみたのですがさっぱりわからないので 具体的に記述例を教えてくれると大変ありがたいです。よろしくおねがいします。 CSSファイルの記述(一部) body{background-image : url(../○○.jpg);} 左ページの記述 <head> <STYLE type="text/css"> <!--body{background-color:#ffffff}--> </style> </head> 右上ページの記述 <head> <STYLE Type="text/css"> <!--body{background-color:#808080}--> </style> </head>

  • cssにてホームページを作成しています。cssでフレーム(じゃありませ

    cssにてホームページを作成しています。cssでフレーム(じゃありませんが)分割した 1画面に、別HPのURLを表示させたいです。 htmlのflamesetであれば、 <frameset cols="30%,*"> <frame src="A.html"> <frameset rows="30%,*"> <frame src="B.html"> <frame src="C.html"> </frameset> </frameset> となり、Cに他HPのURLを入れると思うのですが。。。 cssでの命令文が分かりません。 どなたかご存じの方がいらっしゃいましたら、教えて下さい。

    • ベストアンサー
    • HTML
  • HPビルダー フレーム3分割 縦について

    初心者ですみません。 HPビルダーの13を使用しております。 フレーム作成をしておりますがうまく行きません。 フレームは3分割の縦で設定しており上からA面・B面・C面と名付けたとしてA面のリンクをクリックするとA面は変わらずB面・C面のある場所にリンク先の画面を表示されるようにしたいのですがどなたかご教授下さい。 ------------- A面 ------------- B面 ------------- C面 ------------- ↓ ------------- A面 ------------- リンク先の画面の表示 -------------

  • 外部CSSが一部適応されません

    <LINK href="../style.css" rel="stylesheet" type="text/css"> というコードをHTMLファイルのヘッダ部分に記述しているんですが 同じディレクトリ内にあるAフォルダの各ページには反映されて Bフォルダの各ページには反映されません ホームページビルダー8で作成しています もちろんどちらのフォルダ内にある各ページごとに上記外部CSSの 呼び出しコードは記入してあります 問題がありそうな箇所をアドバイスいただけるとうれしいです よろしくお願いします

  • PHPとCSSでwebsaitを作っているのですが

    すいません。現在ウェブサイトを作っているのですが、CSSが反映されない事があり、困っています。 ほとんどバグとしか考えられない現象です。 現在フォームから値を送って、phpで処理後、htmlを出力するというウェブサイトを作っています。 もう少し詳しくいうと、自分で撮った写真をボタン一つで撮影順など並び変えて出力するサイトです。 A.php B.php C.php KK.css(外部CSSファイルでA、B、Cのphpファイルに対して共通CSSとなります) とりあえず上記のような4つのファイルがあるのですが、A.phpにフォームなどを書き、B.phpに送って 処理をさせ、1000枚程度ある写真から500枚表示、残りは「次のページ」という形にしてセッション関数でフォームからの値をC.phpに持ち越して残り500枚を表示としたい。 とりあえずphpの方は完成したのですが、B.phpからC.phpへphpでリンクを表示させ、 そのリンクからC.phpへ飛ぶと、C.phpファイルにまったく「外部KK.CSS」が反映されないという現象が起こっています。(直接 localhost/C.phpとブラウザに打つか、普通のリンクでしたらちゃんとCSSが反映されます) ちょっと分かりにくいかと思いますが、例えば ------------------------------------------------ (これだと特に問題なし) <a href="C.php">次のページ<a/> ------------------------------------------------- (phpでリンクを表示させるとC.phpにKK.cssが反映されない) <?php echo"<a href="C.php">次のページ<a/>"; ?> ------------------------------------------------ 環境は win7 ドリームウィーバーCS6 XAMPPでローカル環境 なのですが、ある一定の条件下で「次のページ」を出力したり、しなかったりがあるので phpで必ずリンク出力プログラムを書かなければなりません。さらに、一度上記の現象が起きると ブラウザに直接localhost/C.phpやlocalhost/B.phpを打っても、どのファイルにもCSSが反映 されなくなったり、一旦プラウザを閉じると希にされたりするなど、原因がまったく分かりません。 (実際にサーバーにアップロードしましたが、同様の現象が起きます) 上記のような状態になる原因に心当たりがある方いましたらどんな事でもいいのでアドバイスいただけると助かります

    • ベストアンサー
    • CSS
  • ssiが一部動かない(少し長文)

    httpdを使用してローカル環境でテストしています。 cgiを使用し、外部からhtmlファイルを読み込んで、そのhtmlにcssを組み込んでいます。 このcssで、一つのブロックに複数のプロパティを与えた場合、最初のプロパティしか反映されません。 なお、この環境では、cgiを使用せずhtmlからcssを読み込んだ場合正常に動作しています。 (例): <STYLE TYPE="text/css"> FONT.c_menu {color: #ff0000;font-size :small } </STYLE> と表記した場合、このセレクタで指定した文字は緑色になりますが、文字サイズはsmallになりません。 cssを組み込みにしても外部リンクにしても変わりませんでした。 ちなみにcgiは、それが動作した結果をhtmlページに書き出すような動作で、そのためhtmlファイルをそれぞれヘッダ、フッタといった感じで画面上部と下部に読み込み、cgi動作結果を挟むように表示させるような仕様です。STYLE宣言してるのは、ヘッダにあたる部分のhtmlファイル中です。 OSはWinXP、ブラウザはIE6です。 もう少し環境を変えて試してみますが、サーバ側で作業できない状況もあり、かつ急いでいるので助言いただけると大変助かります。

  • 別フレームへのリンク設置方法を教えてください

    縦長のページの上部に<iframe>下部にも<iframe>で設定している サイトの上部<iframe>内の1テキストリンクをクリックすると、下部のフレーム内で展開される該当ページにリンクが飛び、上部の画面はそのままで、下部のフレーム内のページが変わる設定を調べておりますが、なかなか希望の情報にリーチできません。 普通にファイル名でリンクさせると、フレーム内のページが、フレームから飛び出して表示されます。(そりゃ当然ですよね)。何とか、 上部のフレーム内の各リンクをクリックすると、下部フレーム内のページが展開し、上部、下部同時に見れるページを制作したいのですが、どなたかご教授いただけますと、幸いです。宜しくお願いします。

    • ベストアンサー
    • HTML
  • ホームページビルダーでの外部CSS

    ホームページ作成しています。 ど素人なりに頑張っていますが、内容が増えていくにつれ、だんだん動作が遅くなってきました。 そこで、最近「外部にスタイルシートを作る」ということを学びましたが、「div」あたりになると、さっぱり理解できず、結局「body」や「A」などのCSSを外部にするという段階にとどまっています。 もうすでに、レイアウトやデザインは決まっているので、今ある「manu」や「head」などを外部CSSに固定すれば、あとは記事を書くだけでページが作れると思うのですが…。 CSSのサイトはいろいろ拝見したのですが、レイアウトの段階になると、途中でわからなくなってしまいます。 ホームページビルダー付属のスタイルシートでは、デザインが合いません。そこで、素人にもわかりやすい、レイアウト枠としての外部CSS作成法をご指導ください。また、そのようなフリースタイルシートのソースなどがあればご紹介ください。 とにかく、外部CSSで、レイアウトを固定したいのです。 よろしくお願いいたします。

  • 要素の中央表示 CSS or HTML

    こんにちは。現在、自分でHPを作成しています。以下の要素を、画面の垂直方向からも水平方向からも               A  B  C の様に中央になるように表示したいのですが、そのやり方がわかりません。どなたか教えていただける方いらっしゃいましたら、どうぞよろしくお願い致します。 要素↓ <A href="" style="text-decoration:none"><FONT size="4">A</FONT></A> <A href="" style="text-decoration:none"><FONT size="4">B</FONT></A> <A href="" style="text-decoration:none"><FONT size="4">C</FONT></A> PS:以下のページを参照してトライしてみましたが、何もページに何も反映されませんでした。(私の書き方が間違っていた可能性が高いです。) http://www.stylish-style.com/csstec/basic/p-vertical.html

    • ベストアンサー
    • HTML

専門家に質問してみよう