- ベストアンサー
インラインフレームの隣に画像を表示
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ひょっとしたら</Iframe>が<img src="">の前などに抜け落ちてるんじゃないでしょうか？もし抜け落ちていたとしたら画像は消えますし。 普通は左右に並べることはできます。
その他の回答 (1)
- chisato124
- ベストアンサー率50% (3/6)
インラインフレームの左がわに画像を置きたいのですね。 それでしたら、枠なしテーブルのタグを使えば良いのでないでしょうか。 <table><tr><td> 左側の画像のタグ</td> <td>右側のインラインフレームのタグ</td></tr></table> 私もあまり詳しくないので簡単に書いてしまいましたが・・・ このタグがあれば、左と右がキレイに分けられると思います♪♪ もしよろしかったら参考にして見てください。
お礼
早速のご回答ありがとうございます。 テーブルで左右に分けるのもやってみたんですが、やっぱり画像は消えてしまうんです(>_<) 何か書き方間違っているんでしょうか・・・。
関連するQ&A
- 1クリックで複数のページを開く（片方はインラインフレームに）
現在フレームを使ってサイトを作っています。 左右2分割で、 左側がmenu.html name=left 右側がmain.html name=right 更に左側のページにはインラインフレームがあり、 frame.html name=sita となっています。 左側のインラインフレームの外にあるリンクを一度押すと、右側のフレームとインラインフレームの中で新しくページが開くようにしたいと考えています。 <SCRIPT language="JavaScript"> <!-- function link1() { parent.right.location.href='aaa.html'; parent.sita.location.href='bbb.html'; } --> </SCRIPT> <A href="JavaScript: link1();">リンク</A> （<body>諸々は略しています） このスクリプトを使用するとインラインフレームの部分が普通のフレームの場合は同時に開くことが出来たのですが、sitaをインラインフレームにすると動かなくなりました。 色々と検索してみたのですが答えにたどり着けずお手上げです。 解決方法をご存知の方、どうぞよろしくお願いいたします。
- ベストアンサー
- JavaScript
- ページ全体をインラインフレームにしたい
大きな1枚の画像の上にメニューと本文を同時に表示にするため、ページ全体を２つのインラインフレームにしたページを作ろうとしています。 スタイルシートで左右2カラムのレイアウトにして、左のインラインフレームはwidth:20%;height:100%;、右のインラインフレームはwidht:80%;height:100%;で指定したのですが、指定した覚えもないのに右側に余白ができてしまいます。 htmlやbodyのmarginとpaddingを0pxにしたりwidth:100%;とheight:100%;を入れてみたんですが、効果なしです。 基本的な作り方を習ったこともないので、途方にくれています。 端に余白が出来ないように、ページ全体をインラインフレームにする方法を教えてください！
- ベストアンサー
- HTML
- インラインフレームからのリンクで困っています
ホームページビルダー７を使っています。 インラインフレームを利用して画面左側にメニューアイコンを置いて 右側にリンク先のページを表示といった風にしたいです。 新しいページ（仮にＡとします）の左側にＢというインラインフレームを挿入し、そこからメインページへのリンクを挿入。 リンク先のメインページをＢではなくＢの表示を残したまま間その隣に表示したいです。 『target』はインラインフレームを挿入した『Ａ』とすると新しいウィンドウが表示されてしまいます。 新しいウィンドウを開かずに表示させようとすると、インラインフレームを解除してメインページを開かなければなりません。 説明がわかりづらかったら申し訳ありません。補足など必要でしたら一言お願いします。その都度追加していきます。
- 締切済み
- ホームページ作成ソフト
- インラインフレームの表示方法
少し前からホームページを作成しようとしているのですが、 テーブル内にインラインフレームを入れたところ、safariでインラインフレームが表示されませんでした。 これはsafari自体の使用のせいなのでしょうか？ それとも私のsafariの設定の問題なのでしょうか？ ちなみにIEやOperaだと正常に表示されます HTMLを抜粋すると <HTML> <HEAD> <TITLE>テスト</TITLE> </HEAD> <BODY> <table border="1" style="width:100%;height:100%;" cellpadding="5" cellspacing="0"> <tr><td> <div style="top:0px;left:50px;" > <table align="right"width="100%" height="100%"><tr><td> <iframe src="home.html" name="main-window" frameborder="0"width="100%" height="100%" scrolling="out"><p>インラインフレームを使用しています。見るにはインラインフレームをサポートしているブラウザが必要です。</p></iframe> </td></tr></table></div> </td></tr> </table> </BODY> </HTML> となっています。 本来はページを上下3段に分け真ん中の段にインラインフレームを入れようとしています。 どうかお力添えをお願いします。
- ベストアンサー
- Mac
- CSSでの擬似インラインフレーム
CSSでの擬似インラインフレームでのサイトを作成しています。 ページ全体枠を900px×650pxで左右上下の中央表示にし、 左側にナビゲーション、右側にコンテンツを配置しています。 右側のコンテンツ部分は400px×500pxのみ表示して 残りの部分はoverflow:hiddenを指定して表示しないようにしました。 左側のナビゲーションは位置を固定にし、ボタンをクリックすると 右側のコンテンツ枠に各項目の内容が入れ替わり表示するように しました。 次に、クリックした際に右側のコンテンツ部分の表示移動が パッと入れ替わるのではなく、スルスルと画面が推移するなめらかスクロールで場面が移動しているように見せたいのですが スクロールのjavascriptはこちらのサイト（http://lab.centralscrutinizer.it/the-tiny-scrollings/）でダウンロードさせていただいたファイルを設置したのですがパッと画面表示が変わるのみでスルスルっと動いてくれません。。。 私はjavascriptの記述知識がないためどうすればよいのかわからず ご質問させていただきました。 どうすれば良いのでしょうか。 どなたかお助けくださいませ。 よろしくお願いします！
- ベストアンサー
- HTML
- ＨＰで一定の場所だけ常に同じ表示にする
調べていたら、余計にわからなくなりました。 ホームページを作っています。 左右でフレーム分割して、左側にメニューを表示、右側が本文というふうにしています。 この右の上部にＨＰのタイトル ※<title>くだもの</title>ではない を持ってきて（実際には、ホームページの名前） それを固定し、左側のどのメニューをクリックして、どの本文が出てきても、右上部のＨＰ名の表示だけは変わらずに、その下に本文が来るというふうにしたいのです。 スタイルシート使うのかな？と思ってずっと調べていたのですが、なにか違うようですし・・・ どう記述したらいいかわからずにいます。
- 締切済み
- その他（インターネット・Webサービス）
- インラインフレーム内に画像表示
インラインフレームの中に デジカメで撮影した画像を 表示させることはできますか？ できれば、方法を教えてください。 ホームページビルダー6.5を使用していますが。 インラインフレームは HTMLサイトから <table><tbody><tr> <TD width="318"> <div style="border:1px solid #000;background:#fff;padding:2px"><TEXTAREA rows="14" cols="50" style="scrollbar-arrow-color:#000;scrollbar-face-color:#fff;scrollbar-highlight-color:#fff;scrollbar-3dlight-color:#000;scrollbar-track-color:#fff;scrollbar-shadow-color:#fff;scrollbar-darkshadow-color:#000;color:#000;border-width:0;font-size:13px"> ○○○ ○○○ </TEXTAREA></div> </TD> </tr></tbody></table> を拝借して取り付けました。
- ベストアンサー
- HTML
- インラインフレームについて。
ｗｅｂページを作っているのですが、 インラインフレームの構造と、背景固定が理解できずに苦戦しています。 詳しい方がおられましたら、ご回答よろしくお願いします。 添付画像の様に、インラインフレームを右下に、 左右少しずつ空間をあけて設置したいのですが、 どのタグを使えば良いのでしょうか？ 添付の橙斜線部を、白の半透明にしたいのですが、 そちらはどの様にすればできるのでしょうか？ それから、背景画像を右下に固定したいのですが、 <STYLE type="text/css"> <!-- BODY { background-image : url(img/＊＊＊.gif); background-repeat : no-repeat; background-attachment : fixed; background-position: right bottom } --> </STYLE> こちらのタグは、何処に記入すれば良いのでしょうか？ <head>～</head>に書き込んでも表示されませんでした…。 他に必要な物があるのでしょうか？？ 様々なHPを見たのですが、ちゃんと理解する事ができなかったので質問しました。 よろしくお願いします。
- ベストアンサー
- CSS
- インラインフレームの活用方法
インラインフレームのHTMLタグを使うと、ホームページのメニューの更新が大変楽になると聞きさっそくトライしているのですが、うまくいかないのでご存知の方、どうか相談にのってください。 画面左側に別ページに用意したメニューを表示させるところまではうまくいったので「これでいいのかな？」と思ったのですが、そのメニューの項目をクリックするとその細長いスペースのみにリンク先のページが表示されてしまい、画面右側はそのまんまです。 当然、その狭いスペースでは表示しきれるわけもなく、困ったことになっています。 こういう問題はどうやって解決すればよいのでしょうか？ どうかよろしくお願いいたします。
- ベストアンサー
- その他（インターネット接続・通信）
- インラインフレームから親ウィンドウの操作
javascriptを勉強中です。 インラインフレーム内に設置した画像リンクをロールオーバーした際、インラインフレームを設置している親ウィンドウに指示した画像とテキストを決まった位置に表示できるようにしたいのです。 検索サイトでいろいろなキーワードで調べましたが、「親ウィンドウからインラインフレームへの操作」的なものはあっても、「インラインフレームから親ウィンドウの操作」的なものは見つかりませんでした。 なにとぞご協力お願いいたします！
- ベストアンサー
- JavaScript
お礼
あ！！！！！ それでした・・・。 こんな単純ミスでお恥ずかしい(>_<) ありがとうございました。