専門家に聞いた!繰り返す痔の原因は!? >>

メモ帳を使ってホームページの作成をしています。

インラインフレームを画面の左側に設置し、右側に画像(メニューアイコン等)を置きたいのですが、align="left"と書いてみたら右側の画像が消えてしまいました・・・。

インラインフレームと画像を左右に並べることはできないのでしょうか?

スタイルシートとかjavascriptはまだよくわからないんですが、そういうのを使えばできるのかな・・。

よろしくお願いします!!

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

A 回答 (2件)

ひょっとしたら</Iframe>が<img src="">の前などに抜け落ちてるんじゃないでしょうか?もし抜け落ちていたとしたら画像は消えますし。


普通は左右に並べることはできます。
    • good
    • 0
この回答へのお礼

あ!!!!!
それでした・・・。
こんな単純ミスでお恥ずかしい(>_<)
ありがとうございました。

お礼日時:2005/10/05 10:37

インラインフレームの左がわに画像を置きたいのですね。


それでしたら、枠なしテーブルのタグを使えば良いのでないでしょうか。

<table><tr><td>
左側の画像のタグ</td>
<td>右側のインラインフレームのタグ</td></tr></table>

私もあまり詳しくないので簡単に書いてしまいましたが・・・
このタグがあれば、左と右がキレイに分けられると思います♪♪

もしよろしかったら参考にして見てください。
    • good
    • 0
この回答へのお礼

早速のご回答ありがとうございます。

テーブルで左右に分けるのもやってみたんですが、やっぱり画像は消えてしまうんです(>_<)

何か書き方間違っているんでしょうか・・・。

お礼日時:2005/09/30 14:59

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

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

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

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

Qインラインフレームの表示位置を指定したい

インラインフレーム自体の表示位置を指定したいと思っています。
ページの大きさに対して中央に、
インラインフレームのページを表示したいと思っているのですが、

横位置は、ALIGN="center"を使って指定出来きましたが、
縦位置の指定が出来ないでいます。

色々と検索してみたのですが、
もしかしたら出来ないのでは。。。とも思っています。
ですが、Web上には中央に配置されるページとかもあるので、
出来ないはずはないのですが、
タグをみても量がおおくてわかりません^^;

恐れ入りますがよろしくおねがいしますm(__)m

Aベストアンサー

高さと幅が固定されていれば、以下のcssが有効のようです。
<style type="text/css">
<!--
#center{
height:200px;
width:500px;
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-250px;
border:solid 1px #666666;
}
-->
</style>

<iframe src="" name="" id="center">
インラインフレームを使用しています。
</iframe>

Q画像イメージの上下左右、欲しいところに好きな間隔を入れられますか?

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方に要らない間隔ができてしまい困っています。

例えば右だけに間隔が欲しい。
左だけに間隔が欲しい。

こういう場合って、何かやり方があるのでしょうか。

もともと余白込みの画像を用意するという手も講じましたが、
その場合はその場合で、その画像が他のレイアウトに流用しづらい
という弱点を生んでしまい、レイアウトごとに画像を用意しなければならないので
対症療法としてはうまくいきませんでした。

また、画像ごとにセルを用意して任意の余白を作り出す手もありましたが、
セルがあまりにも絡まりあってしまい、
かなりぐちゃぐちゃなものになるためうまくいきませんでした。

やはりもうちょっと詳しい方にお訊きしようと思いまして
質問を立てさせていただきました。
素人質問で大変申し訳ありません。
どうぞ宜しくお願いいたします。

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方...続きを読む

Aベストアンサー

HTMLの初歩です。具体的には、
-------------------------------------------
<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 10px 20px 0 30px;">

上10px 右20px 下0 左30px の四方の隙間が開く。
数値は例なので適当に変更を。
-------------------------------------------

<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 5px 20px;">
上下5px 右右20px の2方の隙間が開く。

Qテーブル内の文字サイズを変更したい。

HTMLのテーブル内の文字サイズを変更したいのですが。
イマイチ上手くいかずに悩んでいます。
出来れば全体的に<TABLE></TABLE>のほうでいじれますか?
<TD>タグや<TR>タグのところでいじくるのですか?

Aベストアンサー

いろいろやり方はありますが
文字単位でサイズを変更するには
#2の方法ですね。

テーブルごとやセル(<TD>)ごとにサイズを変更するには
スタイルシート(CSS)を使用します。

テーブルごとにサイズを変更する場合
<TABLE style="font-size : 20px;">

セル(<TD>)ごとにサイズを変更する場合
<TD style="font-size : 20px;">あああ</TD>

#1の方法だとページ内の全てのセル(<TD>)に設定することになります。

スタイルシート(CSS)はこれら以外にも
いろいろな設定方法があります。

QHTMLでテーブルを横に並べる方法

HTMLでホームページを作っています。
テーブルを横に二つ並べたいのですが、二つ目のテーブルはどうしても最初のテーブルの下の段になってしまいます。どうしたら横に並べることができますか?
教えていただければ幸いです。
よろしくお願いします。

Aベストアンサー

2列のテーブルを作ったらいかがでしょうか?
<table>
<tr>
<td>1つめのテーブルに入れる内容</td>
<td>2つめのテーブルに入れる内容</td>
</tr>
</table>

それぞれのテーブルをそのまま使いたいならば、
↑のテーブルのセルの中に、それぞれ入れれば2つ並びます。
<table>
<tr>
<td><table>←1つめのテーブル→</table></td>
<td><table>←2つめのテーブル→</table></td>
</tr>
</table>

Qテーブルの横に画像を

テーブルのすぐ隣に画像を表示させるには、どうしたら良いでしょうか?

教えてください。

よろしくお願いします。

□…テーブル ★…画像

□★

こんな感じです。

Aベストアンサー

<img src="***.png" alt="**" style="float:right">
<table>
<tr><td>***</td></tr>
</table>

<table style="float:left">
<tr><td>***</td></tr>
</table>
<img src="***.png" alt="**">

こんな風にすると良いかも。

Q複数のiframeの読み込みについて

とある事情があり、制限がかなりある中、何とかiframeでやりくりをしていたのですが、
下記の通り(コード、画像参照)ページを組んだところ、
IE11、chrome34.0で確認をしたところ、下記の通り表示がおかしくなってしまいました。
制限が色々あるため、少しイレギュラーなコードの組み方をしており、どこが原因なのかがわからない状態です。

状況などをまとめましたので、お手数おかけいたしますがご教授いただけますでしょうか。



■■■ページの概要について

恐らく下記のコードと添付の画像を見ていただいた方がわかりやすいと思いますが、制限や概要を記述しておきます。

・表示させる方のページをA.html(親ページ)、iframe内で読み込むページをB.html(子フレーム)とします。
・親ページの方にはかなり使用できるタグなどに制限があり、javascriptが使用できません。文字数にも制限があります(子フレームの方は自由です。)
・親ページも子フレームも触れるものの、この2ページは別ドメインです。(下記の例は相対パスで記述しています)
・子フレームの内容は、下記の例では内容が少ないですが、実際にはかなり長いページになります。ただ、ページは分けない方向でお願いします。
・iframeはスクロールが出ないように高さを調節しています。
・ページ内リンクを使用したいのですが、iframe内だけではなく、親ページから見た状態でページの途中に飛ばしたいため、
 親ページの方にページ内リンク用のアンカーをつけ、複数のiframeで子フレームの内容を表示させています。
・子フレームのコンテンツ毎にiframe表示用のアンカーをつけ、親ページで細かくiframeを分けて表示させています。
・(ページ内リンクは親ページの方に記述することも出来ます。)

ちなみに過去に次のような記事を見つけましたが、どちらも試すこともできない状態です。
http://oshiete.goo.ne.jp/qa/1105662.html
http://oshiete.goo.ne.jp/qa/2938546.html



■■■表示のエラーについて(サーバ上でも、ローカルでも同じような状態です。)

・ページを読み込むと、一番上ではなく、一番下のiframeのところで止まります。
 (⇒ページが読み込むと同時に一番上に行ってほしいです。)
・ページ内リンクを付けていますが、リンクを押しても該当のヶ所に飛ばず、
 読み込むように少しページがぶれるのですが、元の位置のままです。
・IE11のみですが、リンクで使用している画像がぼやけて表示されます。
 (外部CSSで文字の背景に設定しています。)



■■■コードについて

◆A.html(親ページ)
※JSは使用不可です。
※<body>は触れません。
※B.htmlのページとは別ドメインです。

<!--ページ内リンク-->
<iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<!--ここから#Baの内容-->
<a name="linkAa" id="linkAa"></a>
<iframe src="B.html#Ba" frameborder="0" width="850" height="580" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<!--ページ内リンク-->
<iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<!--ここから#Bbの内容-->
<a name="linkAb" id="linkAb"></a>
<iframe src="B.html#Bb" frameborder="0" width="850" height="595" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<!--ページ内リンク-->
<iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<!--ここから#Bcの内容-->
<a name="linkAc" id="linkAc"></a>
<iframe src="B.html#Bc" frameborder="0" width="850" height="565" marginwidth="0" marginheight="0" scrolling="no"></iframe>



◆B.html(子フレーム)
※JSは使用可です。

<div class="pageLink">
<a name="Blink" id="Blink"></a>
<ul>
<li><a href="A.html#linkAa" target="_top">#linkAaへリンク</a></li>
<li><a href="A.html#linkAb" target="_top">#linkAbへリンク</a></li>
<li><a href="A.html#linkAc" target="_top">#linkAcへリンク</a></li>
</ul>
</div>

<a name="Ba" id="Ba"></a>
<div>Baの内容</div>

<a name="Bb" id="Bb"></a>
<div>Bbの内容</div>

<a name="Bc" id="Bc"></a>
<div>Bcの内容</div>


以上です。
よろしくお願いいたします。

とある事情があり、制限がかなりある中、何とかiframeでやりくりをしていたのですが、
下記の通り(コード、画像参照)ページを組んだところ、
IE11、chrome34.0で確認をしたところ、下記の通り表示がおかしくなってしまいました。
制限が色々あるため、少しイレギュラーなコードの組み方をしており、どこが原因なのかがわからない状態です。

状況などをまとめましたので、お手数おかけいたしますがご教授いただけますでしょうか。



■■■ページの概要について

恐らく下記のコードと添付の画像を見ていただいた...続きを読む

Aベストアンサー

IEのバグへの対策
・A.html内のナビゲーションリンクはiframeを使わない
・A.html内の最後のiframeはposition:absoluteでトップに移動させる。
の二点でなんとかなりますね。


人気Q&Aランキング