• ベストアンサー

フレーム分けしてのに画像がまたがっているようなページを作りたい

http://mypage.naver.co.jp/ringogum/newringogum.html 説明がヘタクソなので、上のサイトを見てください 画像がフレームの上にのっかっていますよね? これどうやってるんでしょうか? 教えてください

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

  • ベストアンサー
  • onimotsu
  • ベストアンサー率36% (279/758)
回答No.4

レイヤーの作り方 1.[挿入]-[レイアウト枠]を選択。 2.[リイアウト枠]タブ内の[位置]・[最小サイズ]を任意に設定する。 3.[背景]内の[画像]を[参照]ボタンをクリックしてファィルを選択する。 4.[OK]ボタン。 5.レイヤーの位置はレイヤーをクリックすると赤枠になるので 赤枠にマウスポインタを持っていき十字矢印になったときに ドラッグ&ドロップでも移動できる。

meguni
質問者

お礼

ほんとうにいろいろありがとうございました。 質問ばっかりしてすいません。 これで早速作ってみようと思います また助けていただくことになりましたらよろしくお願いいたします

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

その他の回答 (3)

  • onimotsu
  • ベストアンサー率36% (279/758)
回答No.3

おはようございます。 インラインフレーム(IFRAME)の作り方 インラインフレームを設定する前に 枠の中に表示するファイル(ページ)を作成する必要がありますが とりあえずファイル作成は後回しにしてインラインフレームを作りましょう。 1.[ツール]-[タグ挿入]を選択。 2.[タグ挿入]画面の「タグ」欄内の「IFRAME」をクリック。 3.[挿入]ボタンをクリック。 4.[フレーム属性]画面の[URL]にフレームに表示したいアドレスを入力。 ([参照]ボタンを押してファイル選択でも可。) 5.[フレーム名]に任意の名前を入力。(できれば英字で) 6.[サイズ設定]の[幅]・[高さ]を入力。 7.[スクロールバー]を任意に選択。 8.[スタイル]ボタンをクリック。 9.[HTMLにタグにスタイルを設定]の[編集]ボタンをクリック。 10.[スタイル設定画面]の[位置]タブをクリック。 11.[配置]内の[左]・[上]の「予約語」で「ピクセル」を選択。 12.「ピクセル」の左側に任意の数値を入力。 13.[属性]内の「位置」にある「絶対的」を選択。(青●) 14.あとはOKで進む。 15.プレビュー画面で動作を確認してください。 レイヤーは次の回答に続く。

すると、全ての回答が全文表示されます。
  • onimotsu
  • ベストアンサー率36% (279/758)
回答No.2

パッと見では インラインフレーム(IFRAME)の上に レイヤー(Layer)を使って彼女を配置しているようです。 インラインフレームは別に作成したファイルを 枠の中に表示しています。 HTMLソースからするとHPBで作成されていると思います。 meguniさんはよく質問されますが ご自分がどのHP作成ソフトを使用されているか記載すると 具体的な操作方法が回答できると思います。

meguni
質問者

補足

ありがとうございます。 レイヤーはどのように配置したらいいんでしょうか? すいません。 私はHPB(ホームページビルダー)を使用しております。 環境はWINのXPです よろしくお願いいたします

すると、全ての回答が全文表示されます。
  • yannie
  • ベストアンサー率26% (83/318)
回答No.1

こんにちは。 ソースを見れば一発で回答が分かります。 と言って、私も今見てきましたがスタイルシートとレイヤーの組み合わせですね。 しかし、あのソースをこの場で解説するのは非常に大変です。 ところで、貴方はHP作成ソフトは持っていますか? もしあれば、一番簡単な方法は、 IEでしたら、ツールバーに編集というタグがあると思います。 そのサイトを表示中に編集ボタンを押すと、 自動的に貴方がお使いのHP作成ソフトが立ち上がってきますので、 あたかも、自分のサイトのように自由自在に嘗め回すことが出来ます。 これで、例の画像部分のレイヤー部分を調べた方が早いでしょう。

meguni
質問者

補足

ありがとうございます。 私はHPB(ホームページビルダー)を使用しております。 環境はWINのXPです よろしくお願いいたします ツールバーの編集タグは灰色になっていて使えませんでした。 すいません、教えてください

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

関連するQ&A