みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

iframe内MENU

ほんと色々お世話になります。
iframeの件でご質問申し上げます。
iframe内に別ページで作成しました。
メニューページを表示させています。
(別ページ作成したcssmenuを丸投げしている感じです。
<iframe src="css_tatoeba.html"frameborder="0" height="40" scrolling="no" width="554"></iframe> こんな感じです。)
別ページでリンクを貼り親ページで試してみるとiframe内にリンク先が
一部表示されてしまいます。(レイアウト崩れのような感じで) iframe内ではなく、新たなページに表示させたいのですがどうすればよろしいのでしょうか?
色々試したのですが上手くいきません。
教えて頂ければ幸いです。

投稿日時 - 2008-09-21 11:47:37

QNo.4345226

すぐに回答ほしいです

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

#1です。
ずいぶんややっこしく考えてますね ^^;
>> <iframe src="css_atoeba.html"frameborder="0" height="40" scrolling="no" width="554">
<a href="css_matoeba.html"target="_top"></a></iframe>
↑これを例に取りましょう。
※iframe要素にアンカーは付けられませんから、
<a href="css_matoeba.html"target="_top"></a>はここに書いてはいけません。
iframeを表示させているページを仮にcss_index.htmlとします。
で、CSSメニューページがcss_atoeba.htmlとなります。
css_atoeba.html内のリンクをクリックした時、
フレームを破棄して新たなページでcss_matoeba.htmlを開きたい場合は、
css_atoeba.html内のa要素にtarget属性とその値を与えてやれば良いんです。
例↓
<a href="css_matoeba.html"target="_top">css_matoebaへのリンク</a>

まとめです。
---css_index.html(フレームを表示させているページ)---
<iframe src="css_atoeba.html"frameborder="0" height="40" scrolling="no" width="554"></iframe>

---css_atoeba.html(CSSメニューページの<a>タグ)---
<a href="css_matoeba.html"target="_top">css_matoebaへのリンク</a>

投稿日時 - 2008-09-22 00:17:50

お礼

よく理解致しました。
ありがとうございました。
助かりました。
再度勉強いたします。
お手数掛けました。
ありがとうございます

投稿日時 - 2008-09-22 01:59:44

このQ&Aは役に立ちましたか?

4人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

リンクをどこに開くかターゲットが指定してないからだと思います。
css_tatoeba.htmlのa要素でtarget属性及び値を与えてください。
http://www.tagindex.com/html_tag/frame/i_target.html

投稿日時 - 2008-09-21 17:47:23

補足

ANo.1様 すみません
ありがとうございました。
ご質問を掲載する前に、色々と試してみました。
一例ですが
<iframe src="css_atoeba.html"frameborder="0" height="40" scrolling="no" width="554">
<a href="css_matoeba.html"target="_top"></a></iframe>
こんな感じで色々としたのですが上手くいきません。
それとも<a>タグの使い方が間違っていますでしょうか?
(補足ですが別ページ作りましたのはCSS利用しましたロールオーバー
 メニューです。)
どうしてもiframe内に(表現が上手くできませんが)リンクしてしまいます。具体的にどうすればよいでしょうか
再度のお尋ねです。

投稿日時 - 2008-09-21 21:26:46

あなたにオススメの質問