ホームページの作成しておりますが、インラインフレームの中に画像+文字(テキスト)を入れたいのですが、画像のみしか反映されません。どのように文字も反映させれば宜しいでしょうか?ちなみに、現在は以下のように入力してうまく文字が反映してません。(便宜上、「画像」と入力しております。)
<iframe src="画像.jpg" width="200" height="300">
<font size=2><font color="red">がんばれ!<br>
負けるな!</font></iframe>
素人の質問ですが、ご教授願います。
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
HTMLタグとHTMLファイルは違いますし、「a.html」の中の「b.html」なんてものはありません。
もう1度、前回の僕の回答をじっくり読み直されてください。
僕にはあれ以上こまかくは書けません。
どうもインラインフレームの使い方以前に、ホームページ作りの基礎ができてないように感じます。
市販の参考書を読むなり、教室に通うなり、以下のようなサイトを見るなりして勉強されることをおすすめします。
とほほのWWW入門
http://www.tohoho-web.com/www.htm
ご商売されるならなおさらです。
せっかく来ていただいたお客様にご迷惑をおかけするかもしれません。
ご自身のスキルをもっと高められるか・・・
それが難しそうでしたら、出店をサポートする会社への依頼も検討されてください。
No.3
- 回答日時:
>goldfoxさん、ありがとうございます。
vascointerさんへ
goldfoxさんの回答を踏まえて、さらに具体化しますね。
インラインフレームを使うにはHTMLファイルを2つ用意します。
ファイル名は何でもかまいませんが、仮に a.htmlと b.htmlにします。
a.html は、インラインフレーム自体を表示するHTML。
b.html は、インラインフレームの中に表示するHTMLとし、それぞれを以下のように記述します。
【a.html】
<iframe src="b.html" align="bottom" width="200" height="300">
</iframe>
【b.html】
<img src="画像.jpg">
<font size="2" color="red">
がんばれ!<br>
負けるな!
</font>
これで、a.htmlを表示すると200×300の枠があり、その中にb.htmlの内容が表示されています。
使い方の例としては、例えばa.htmlをホームページのメイン画面として作り、b.htmlには新着情報を書いておきます。
こうしておいて、b.htmlのみを更新すれば、メイン画面のデザインを変えることなく新着情報だけを変えることができます。
ただし、インラインフレームは一部のブラウザでは見れません。
そこで通常は<iframe…>~</iframe>間に非対応のブラウザ向けのメッセージを入れておきます。
【a.html】
<iframe src="b.html" align="bottom" width="200" height="300">
ここにはインラインフレームで新着情報が表示されます
</iframe>
こうしておけば、インラインフレーム対応のブラウザでは前述のようにb.htmlの内容が表示され、
インラインフレーム非対応のブラウザでは「ここにはインラインフレームで…」のメッセージが表示されます。
hosiharaさん、goldfoxさん、ご丁寧にありがとうございました。
(すいません、出張しておりまして、ご連絡が遅れました・・。)
実は楽天に出店する予定で、そのHPを楽天のRMSというシステム
の中で作成中なのですが、このRMSは禁止タグがいくつかあり、
HTML, HEAD, META, BASE, LINK, OBJECT, SCRIPT等がそれに当たります。HTMLが使用できないとこのインラインフレームも作成不可能なのでしょうか?
もし可能であれば、例でお出し頂きました「a.html」の中の「b.html」と実際の「b.html」との紐付けはどのようにしたら宜しいでしょうか?
(物凄く基本的な事かも知れませんが、お付き合い頂けましたら幸いです。何卒宜しくご教授願います。
No.2
- 回答日時:
> 「その画像と文字が書かれたHTMLファイルを別に作成し、iframeタグのsrc=で、そのHTMLを指定」とアドバイスを頂きましたが、私の理解で以下のように訂正してみましたが、上手くいきませんでした。
まったく理解されていないようです。
なぜ参考リンク先を読まないのですか?
インラインフレームというのは、htmlファイル(ページ)の中に「枠」を指定し、その枠の中に、別のhtmlファイル(あるいは画像ファイルなど)を表示するものです。
インラインフレームの中に表示したい文字や画像は、「別のhtmlファイル」で作成する必要があります。
インラインフレームのタグを書いたページを仮にa.htmlとします。
フレームの中に表示したい内容を、b.htmlで作成します。
iframeのタグの中に src="最初に表示するファイル" のところに、b.htmlを指定します。
<iframe src="b.html" width="200" height="300">
インラインフレームを使用しています。
</iframe>
No.1
- 回答日時:
インラインフレームについて少し勘違いされているようです。
参考URLをどうぞ。
画像と文字の両方をインラインフレーム内に表示するには、その画像と文字が書かれたHTMLファイルを別に作成し、iframeタグのsrc=で、そのHTMLを指定します。
参考URL:http://siriasu.s10.xrea.com/webtips/tips11.htm
早速のご連絡、深謝致します。
「その画像と文字が書かれたHTMLファイルを別に作成し、iframeタグのsrc=で、そのHTMLを指定」とアドバイスを頂きましたが、私の理解で以下のように訂正してみましたが、上手くいきませんでした。
<iframe src="画像 align="bottom" width="200" height="300"<font size=2><font color="red">がんばれ!<br>
負けるな!</font>">
</iframe>
大変お手数ですが、上記HTMLを上手くいくように、ご訂正頂けましたら幸いです。宜しくご教授願います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS スマホ表示用のwebページ、style.cssでは表の中の文字 font-size は指定できない? 1 2023/03/27 18:57
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- オープンソース cssで中央寄せ 1 2023/05/19 06:25
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- WordPress(ワードプレス) ワードプレスで、左寄せ画像と文字を横並びにせず、画像の下に文字を表示される方法を教えてください 1 2022/04/24 11:06
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
URLに付いてる~(チルダ?)って...
-
Yahoo!のサイトエクスプローラ...
-
サブドメインとマイドメインで...
-
ホームページの.indexに...
-
ワードで作成したHPのアップ...
-
勝手にdatファイルになるのです...
-
Music Center for PCの楽曲をiT...
-
ギガファイル便って女の人のエ...
-
録音アプリのPCM録音で4時間録...
-
mpeg-1とmpeg-2の見分け方
-
WordでURLをクリックしてそのペ...
-
TSファイルをスムーズに再生したい
-
既存のページをホームページビ...
-
メール転送の禁止
-
PDFファイルをホームページ...
-
ファイルが勝手にダウンロード...
-
ファイルのURLってどこに書いて...
-
Ubuntu系とCentOS系の違いはな...
-
Windows Media Player 位置ス...
-
サーバーに転送したファイルが0...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
URLに付いてる~(チルダ?)って...
-
トップページのindex.htmlを削...
-
自分のFC2ホームページが開けない
-
自作サイトをサーバーにアップ...
-
インラインフレーム中の文字表...
-
ホームページのindex.htmlファ...
-
自社パンフに印字するURLはどこ...
-
公開ページの編集方法(ホーム...
-
ビルダー10/忍者ツールズ/FTP ...
-
アップロードしても画面がまっ...
-
WinSCPでのトラブル 文字化け...
-
忍者ツールズ、FFFTPで
-
ホームページビルダーでページ...
-
HTMLファイルをサーバーにアッ...
-
自分のホームページからMP3ファ...
-
DWでのサブドメインのサイトの...
-
FC2HPサービスでのアップ...
-
robots.txtやCGIを設置した...
-
フレームへのリンク
-
Googleサイトマップの登録URLの...
おすすめ情報