ママのスキンケアのお悩みにおすすめアイテム

基本的な質問かもしれませんが、よろしくお願いします。
.htmlで成り立つ画像のページと、同じく.htmlで成り立つ更新情報のページ(テキスト)を完全に重ねたいのですが、どうすればいいでしょうか?フレームを試みましたがHTMLの記述が分かりません。また他に方法がありましたら、教えて下さい。ちなみに画像はFlashです。

このQ&Aに関連する最新のQ&A

A 回答 (4件)

 フレームの書き方ならこちらが参考になると思いますが↓


http://www.tagindex.com/html_tag/frame/frame_sam …

 もしかすると、インラインフレームを使ったほうがよいかもしれませんね↓
http://www.tagindex.com/html_tag/frame/i_scrolli …

 繋ぎ合わせた新たな1ページを作ったほうがすっきりするように思いますが。

参考URL:http://www.tagindex.com/html_tag/frame/frame_sam …
    • good
    • 0
この回答へのお礼

参考サイトのIFRAMEで表示されたものを窓枠として、別の画像の画面に重ねる事は出来ますか?
インラインフレームの部分は画像が隠れますが、小さい窓にする事を考えています。
でもご指摘のサイトは参考になりました。

お礼日時:2006/02/25 02:17

DIVとIFRAMEを駆使すれば、複数のhtmlを重ねて表示できるかと思います。



しかし、iframeはIEでセキュリティホールがあるとされ、パッチも出ているのであまり歓迎はされないでしょう。
    • good
    • 0
この回答へのお礼

到らない説明にも関わらず、回答頂いたみなさんにお礼申し上げます。いろいろ小細工してたら、思ったような表示が出来ましたので、その部分を抜粋して、報告させて頂きます。

       ・
       ・
       ・
<EMBED src="m16.swf" quality=high bgcolor=#FFFFFF WIDTH="800" HEIGHT="537" NAME="m16" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></E …
</OBJECT>

<IFRAME SRC="isample_a.html" bgcolor="#FFE6E6" WIDTH="180" HEIGHT="98" SCROLLING="no" style=" position:absolute;top:362px;left:180px;"></IFRAME>

</TD>
</TR>

</TBODY>
</TABLE>
</DIV>


<table align="center" border="1" style="position:absolute;top:362px;left:180px;" cellpadding="2" cellspacing="5" width="165" bgcolor="#FFE6E6" bordercolor="#C0C0C0" height="90">
<tr>
<td align="center" bgcolor="#FFFFFF">
<marquee direction="up" scrollamount="2" height="80" width="160">
<center><FONT SIZE=2 FACE="arial" COLOR="#00cc66">
更新情報<br>来週の予定 2月24日更新<BR>・<BR>・<BR>・
</FONT></center></marquee>
</td>
</tr>
</table>
</P>
</BODY>
</HTML>

以上のような記述にすると、Flashの下に更新情報の枠を作り、一旦Flashで隠れるので、その上から同じ位置にIFRAMEで穴を開けることで下の更新情報が現れることが分かりました。
やはり、説明不足でした。
申し訳ありません。
協力ありがとうございました。

お礼日時:2006/02/25 13:33

重ねる、というのが具体的にどういう状態を指すのかが分かりにくいですが・・・


また、画像がFlashとありますが、1つまたは複数のFlashが表示されている上に常に更新情報のHTMLを表示したい、ということですか?

無理やり重ねるなら、InnerFrameを使う、とかですかねぇ。
重ね合わせにはスタイルシートで対応する、とか。
    • good
    • 0
この回答へのお礼

分かりにくい記述で申し訳ありません。
参考に出来るようなサイト、または試して見たいので、タグの記述の仕方を教えて下さい。
よろしくお願いします。

お礼日時:2006/02/25 02:21

意図がわからないと答えにくい質問ですね。


重ねるというのは具体的にどのようなことなのか?
また重ねることの意義を完結におしえていただけると
お答えのしようもあるかと。

もしそのような形でWEBサイトを他人に公開したい
というのであれば、非常に嫌われるのでやめておいた
方が無難だとおもいますが。

この回答への補足

分かりにくくて申し訳ありません。
Flashそのものはmain.htmlというページにあって、写真の上にタイトルのように現れるようにした単純なものです。
もう一つは、info.htmlと言うページの画面の隅に小さな窓を作り、そこにテキストで更新情報を書き加え、二つの画面(ページ)を重ねて表示したいのです。

そうすれば、Flashの画像に手を加えることなく、簡単に更新情報を窓枠の中に表示出来ると考えたのですが、出来るでしょうか?

補足日時:2006/02/25 02:03
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QHTMLページ上でiframeを最前面に出したい。

Javaを使用せずにHTMLページ上に埋め込んだiframeを最前面に出す方法はないでしょうか?

ヤフーショップページの左側にあるサイドナビ内のフリースペース枠にiframeでカテゴリーを埋め込んでいます。

その際にiframe枠内ではアコーディオン系のマウスオーバーにてサブメニューが右側に表示されるような感じの事を行っていますが、トリプルサービスでのトップページでは表示になんら問題はないものの、ヤフーショッピングサイトではHTMLタグの制限で外部CSS及びJavaが使用できず何とかならないものかと色々試行錯誤するものの解決の糸口が見当たりません(汗

z-indexをiframeタグに加えてみたもの効かず、overflow:visible;でも効かず、ダメもとでsrc=""のファイル名直後に?wmode=transparentを書き加えてももちろんダメでした(汗

Youtubeの時に?wmode=transparentが有効だったのでもしかして!?と思ったのですが。。。

ヤフーショッピングにてサイドナビ内に設置したいカテゴリが商品量に相応し縦長になり、更にはサイドカテゴリ部より直接商品ページへ飛ばしたいと考えており益々長くなってしまいバランスが悪いのでアコーディオン形のものが埋められればと試行錯誤しております。

他に表示的なアドバイスを含め、何か策があればご教授をお願いします m( . . )m

Javaを使用せずにHTMLページ上に埋め込んだiframeを最前面に出す方法はないでしょうか?

ヤフーショップページの左側にあるサイドナビ内のフリースペース枠にiframeでカテゴリーを埋め込んでいます。

その際にiframe枠内ではアコーディオン系のマウスオーバーにてサブメニューが右側に表示されるような感じの事を行っていますが、トリプルサービスでのトップページでは表示になんら問題はないものの、ヤフーショッピングサイトではHTMLタグの制限で外部CSS及びJavaが使用できず何とかならないものかと色々試行錯...続きを読む

Aベストアンサー

要素のスタイルに z-index だけでなく、position: relative も加えてください。

要素に z-index を適用する場合、その要素の position が static 以外の値でないといけません:
つまり relative, absolute, fixed のどれかです。
position: relative を指定し top, right, bottom, left の値を指定しなければ(デフォルト値の auto にしておけば)、要素の位置はそのままに z-index で重なり順を制御できるはずです。
この手法で表示崩れを生じる場合は他のスタイルとの干渉が考えられます。


表示に関するアドバイス、余計なお世話かもしれませんが加えます。
『縦長になってバランスが悪いので』といった理由で JavaScript を用いたアコーディオン型メニューを加えているなら、それはきっとやめたほうがよいでしょう。
JavaScript がオフの環境は考慮されているかという問題以前に、バランスの悪くなるほど縦長のメニューは折り畳んだところで使い勝手は悪いままの場合がほとんどです。

なぜ縦長のメニューになるのでしょう。
カテゴリを細かく分類しすぎなのか。
それとも最下層のカテゴリまで一度に表示しようとしているのですか。
考慮の浅い分類は、表示の工夫以前にそもそも使いづらい運命です。

ぱっと見で収まるくらいの分類数に収めるよう考え直してみてはどうでしょう。
分類しづらい、あまりにかけ離れた商品種を扱っているなら、それは別のショップとしてサイトを作るべきです。
細かな分類は、大きな分類を選んだあとに表示するべきです。
数十の分類から一つを探し出すより、数個の分類を複数回渡り歩くほうがユーザーにストレスはかからないそうです(一回のクリックまでが短ければ、複数回クリックは苦にならない)。
細かな分類まで最初に見せたい理由が、その中に人気の商品があるなどであるなら、それは別枠の分類『人気の商品』『新商品』などとしてリンクを設けるべきで、わらの中から針を探すという苦行をユーザーにさせるべきではありません。

あとただの偏見ですが、マウスオーバーで出てくるサブメニューは使い勝手の悪い印象があるので、よほど洗練された使い方でない限りそれがあるだけでサイトの評価減です。

提供側の『このように見せたい』ではなく、利用側の『このように見たい』が優先される世界を願って。
(Amazon などは『このように見たい』の中にさりげなく彼らの売りたいものを混ぜてくるので、さすがだと思っています)

参考URL:http://webdesignrecipes.com/css-visual-formating-model/

要素のスタイルに z-index だけでなく、position: relative も加えてください。

要素に z-index を適用する場合、その要素の position が static 以外の値でないといけません:
つまり relative, absolute, fixed のどれかです。
position: relative を指定し top, right, bottom, left の値を指定しなければ(デフォルト値の auto にしておけば)、要素の位置はそのままに z-index で重なり順を制御できるはずです。
この手法で表示崩れを生じる場合は他のスタイルとの干渉が考えられます。


表示に関するアド...続きを読む

Qframeset要素を使わずに画面を分割したい

アンテナ(下記サイト)のように左にメニュー画面を、右にコンテンツを表示するホームページを作成したいと考えています。
https://antenna.jp/

ひとつのウインドウで画面を2つにわけるためにはhtmlのframeset要素を使えばできることは把握しているのですが、上記サイトのアンテナではframesetを使わずに画面分割をしています。

見た目やレスポンシブ対応のしやすさも考え、できればframesetを使わずに画面分割を行いたいのですが、どのようにすれば可能でしょうか。
メニュー部分とコンテンツ部分を別々にスクロールできるようにしたいです。

どなたか分かる方教えてください。

Aベストアンサー

長くなるから、参考ページ参照。

参考URL:http://www.geocities.jp/eijispace/2012/0419.html

Qdiv内に外部のurlを表示させたい

たびたびお世話になります。

divにスクロールを表示することで、iframeのようにブラウジングすることができますが、
このdiv内に外部のurlを表示させることは可能でしょうか?
検索してみたのですが、思うようなものが見つからず困っています。
それとも、不可能なのでしょうか?

もし可能なのであれば、その方法等簡単に記述していただければ幸いです。

Aベストアンサー

iframeの代用はobjectを使うのが定石のようです。

こんな感じでしょうか?
<body>
<div>
<object type="text/html" data="http://www.yahoo.co.jp/" width="600" height="300">
<p>object に対応していない場合はこれが表示される</p>
</object>
</div>
</body>

ただ、Objectタグには制限が多く使いづらい部分もあります。
※たとえば、枠の非表示などができない
CGIやPHP、JavaScriptを介す方法を考えた方が、場合によってはいいかもしれません。

とりあえず、一つの回答ということで…。

QJavaScriptで他のファイルのhtmlソースを読み込むには?

JavaScriptを使い、他のファイルに記述されたhtmlソースを読み込んでページを表示させたいです。
どのように記述したらいいでしょうか?
具体的に書いて頂けると大変助かります。

(目的)
20~30ページに表示するコンテンツ(写真や文字)が頻繁に変更されるため、変更部分だけをPCのバッチ処理でファイルとして作成し、利用者がページ参照する時に、JavaScriptでそのファイルを取り込み表示させたい。

Aベストアンサー

一番簡単な方法はprototype.jsやjQueryなどのAjaxライブラリを使用することでしょう。
以下にprototype.js(http://www.prototypejs.org/)を使用して別のHTMLソースを読み込んで表示する手順を示しておきます。

1) まず読み込まれる側のHTMLファイルを準備します(ここではload.html)とします。

2) 次に読み込む側のHTMLの、読み込んだファイルの内容を表示されたい箇所に<div id="container"></div>と記述しておきます。
※) ID属性値は任意のもので結構です。

3) 読み込み側のHTMLのJavaScriptに以下のように記述します。
<script type="text/javascript" src="[prototype.jsファイルを指定]"></script>
<script type="text/javascript">
<!--
window.onload = function() {
new Ajax.Updater($("container"), "load.html");
};
//-->
</script>

以上でページ表示時に<div id="container"></div>部分にload.htmlに記述された内容が表示されます。

一番簡単な方法はprototype.jsやjQueryなどのAjaxライブラリを使用することでしょう。
以下にprototype.js(http://www.prototypejs.org/)を使用して別のHTMLソースを読み込んで表示する手順を示しておきます。

1) まず読み込まれる側のHTMLファイルを準備します(ここではload.html)とします。

2) 次に読み込む側のHTMLの、読み込んだファイルの内容を表示されたい箇所に<div id="container"></div>と記述しておきます。
※) ID属性値は任意のもので結構です。

3) 読み込み側のHTMLのJavaScriptに以下の...続きを読む

QCSSでインラインフレームを非表示にしたい

初心者です。
いろいろ試したのですがうまくいかないので教えてください。
複数のインラインフレームのレイアウトを、スタイルシートで一括管理したいのですが、

たとえば、

<iframe class="free" src="http://www.***" scrolling="no" frameborder="no"></iframe>
<iframe class="only" src="http://www.***" scrolling="no" frameborder="no"></iframe>
<iframe class="link" src="http://www.***" scrolling="no" frameborder="no"></iframe>

と縦に並んでいるインラインフレームをhtmlは変更せずに、
真ん中の「only」だけ隠すことはできませんか?
スペースが空かずにfreeとlinkだけが並んでいる状態にしたいです。
宜しくお願いします。

.free {
width:450;
height:760;
border:none;
margin: 0px;
overflow: hidden;
}

.only {
width:450;
height:680;
border:none;
margin: 0px;
overflow: hidden;
}

.link {
width:450;
height:680;
border:none;
margin: 0px;
overflow: hidden;
}

初心者です。
いろいろ試したのですがうまくいかないので教えてください。
複数のインラインフレームのレイアウトを、スタイルシートで一括管理したいのですが、

たとえば、

<iframe class="free" src="http://www.***" scrolling="no" frameborder="no"></iframe>
<iframe class="only" src="http://www.***" scrolling="no" frameborder="no"></iframe>
<iframe class="link" src="http://www.***" scrolling="no" frameborder="no"></iframe>

と縦に並んでいるインラインフレームをhtmlは変更せずに、
...続きを読む

Aベストアンサー

.only に display: none; を入れれば消えませんか。

QHTMLファイル同士での値渡し

困っています。

HTMLファイルからHTMLファイルへ移動するときに、
HTMLファイル1でJavaScript で算出された値を
HTMLファイル2へ渡して使用したいのです。

showModalDialogだとダイアログにしか渡せないし・・・。
このように、値をそのまま次のページに渡すための方法を教えてください。
お願いします。

Aベストアンサー

すみません。うっかりしてました。

document.write(FORM[v1]);
では、v1を変数と認識してしまうので、エラーになってしまいますね。

document.write(FORM.v1);  // 「FORM.v1」です
あるいは
document.write(FORM["v1"]);
としてください。

Qで配列(複数の要素)を渡したいとき?

こんにちわ,

今HTML+PHPで
$hoge[]にいくつかの要素が入っているとき,
それをあるfoo.phpというページに渡したいとき,
echo '<form action="foo.php" method="POST">';
echo '<input type="hidden" name="$hoge[]" >';
echo '</form>';
としたのですが,うまくいきません。

どうしたらよろしいでしょうか。

Aベストアンサー

nameじゃなく、valueでは?
あとやるなら、
for($i=0;$i<count($hoge);$i++){
print "<input type=\"hidden\" name=\"$hoge[$i][0]\" value=\"$hoge[$i][1]\">";
}
とか?

Q文字列からタブコードを取り除きたい

お世話になります。
文字列からタブ文字をスペースに置き換えるにはどうすればよいでしょうか?
strREC = Replace(strREC, ○, " ")
と書いて、○のところに"\t"などをいれてみたのですが、うまくいきません。

Aベストアンサー

strREC = Replace(strREC, vbTab, " ")
または
strREC = Replace(strREC, chr(9), " ")
でどうでしょう

Qcssで「下よせ」ってどうやっていますか?

フロートのレフト、ライトはいいとして、

あるボックス要素内(A)に異なるボックス要素(B)をいれます。
この(B)を(A)の一番そこにはりつかせたい時にどうすれば
最もよいのでしょうか?

いいアイデアをご教授ください。

Aベストアンサー

こんなのはどうかな?

position: absolute;
bottom: 0px;

Q 内のテーブルを上寄せにするには?

すみません教えていただけますか?
初心者です。
このまま表示するとTABLE A の直ぐ下のテーブルが中央に来てしまいます。
上寄せにしたいのですが、どのようにすればよいでしょうか?

よろしくお願いします。

<table width="960" border="1">
<tr>
<td width="160">

<!-- TABLE A -->
<table width="160" border="1">
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
</table>
</td>

<td width="800" height="1200" border="1">

</td>
</tr>
</table>

すみません教えていただけますか?
初心者です。
このまま表示するとTABLE A の直ぐ下のテーブルが中央に来てしまいます。
上寄せにしたいのですが、どのようにすればよいでしょうか?

よろしくお願いします。

<table width="960" border="1">
<tr>
<td width="160">

<!-- TABLE A -->
<table width="160" border="1">
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
...続きを読む

Aベストアンサー

TABLE Aを入れているtdに対してvalign="top"を入れると
解決しますよ。


人気Q&Aランキング