自分のHPを右&左にわけて、
左のボタンを押すと、右に表示されるようにしたいです。
例えば・・。
<FRAME SRC="NAME="hp-hp">
<HTML>
<HEAD>
<TITLE>hp-hp</TITLE>
</HEAD>
<FRAMESET COLS="30%,70%">
<FRAME SRC="hidari.html" NAME="hidari">
<FRAME SRC="migi.html" NAME="migi">
</FRAMESET>
</HTML>
これを、やったら、
フレームが4つに別れてしまいました。
わかりやすい方法で教えて下さい。
お願いします☆
No.2ベストアンサー
- 回答日時:
こんなんですか?
以下のhtmlファイルを4つ作成して、お試しください。
------------------------------
index.html
------------------------------
<HTML>
<HEAD>
<TITLE>hp-hp</TITLE>
</HEAD>
<FRAMESET COLS="30%,70%">
<FRAME SRC="hidari.html" NAME="hidari">
<FRAME SRC="migi_1.html" NAME="migi">
</FRAMESET>
</HTML>
------------------------------
hidari.html
------------------------------
<HTML>
<HEAD>
<TITLE>hp-hp</TITLE>
</HEAD>
<BODY>
<A href="migi_1.html" target="migi">migi-1</A>
<br>
<A href="migi_2.html" target="migi">migi-2</A>
</BODY>
</HTML>
------------------------------
migi_1.html
------------------------------
<HTML>
<HEAD>
<TITLE>hp-hp</TITLE>
</HEAD>
<BODY>
migi-1
</BODY>
</HTML>
------------------------------
migi_2.html
------------------------------
<HTML>
<HEAD>
<TITLE>hp-hp</TITLE>
</HEAD>
<BODY>
migi-2
</BODY>
</HTML>
左フレームは取りあえずリンクテキストにしていますが、イメージ、ボタンでも可能です。
No.1
- 回答日時:
フレームのタグをミスしているようですが。
この場合のフレームで必要なファイルは全部で3つ。
上記が書いてあるhp-hpのHTMLファイルの他にhidari.htmlとmigi.htmlがあるものとします。
左のボタンを押すと右に出るようにするにはターゲット指定をする必要があります。
hidari.htmlのファイルのリンク先に
<A HREF="リンク先" TARGET="migi"><img src="ボタンイメージ.gif" BORDER=0></A>
を追加してみてください。
あと<FRAMESET>のタグを<HTML>の内側に入れておいたほうがいいと思います。
参考まで。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
アドレスバーへの直接入力を禁...
-
CMSサイトの見分け方は?
-
大きくなった文字を元に戻すには?
-
数値Lについて
-
アクセスログの「HEAD」と...
-
エクセルから作ったホームペー...
-
JW-CADとJWW?
-
隠しページの探し方
-
WEBサイトの表示方向を反転する...
-
文字色が反映されない
-
同じURLなのに古いページが検索...
-
文字に色をつける方法を教えて...
-
HPのソースをそのまま貼り付け...
-
フコク生命のHPでキティの壁紙...
-
メールの文字が大きく印刷され...
-
昔のゲーム、ブラックオニキス...
-
ホームページの更新を知らせる...
-
ホームページビルダー12でリ...
-
テーブルが一行下がる・・・
-
デスクトップのドキュメントな...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
アドレスバーへの直接入力を禁...
-
ヘッダーを共通化した場合のSEO...
-
PDFファイルをリンクするには?
-
macでhtmlのタグを打って、開い...
-
【excel】excelで作成したhtml...
-
htmlで改行タグを入れていない...
-
隠しページの探し方
-
ドラッグすると見える文字
-
アクセスログの「HEAD」と...
-
HTML タグへのstyle記載の違い
-
数値Lについて
-
大きくなった文字を元に戻すには?
-
ヤフオクの出品説明文をカラー...
-
HPのソースをそのまま貼り付け...
-
ExcelのVBAの正規表現で二重引...
-
CMSサイトの見分け方は?
-
昔のゲーム、ブラックオニキス...
-
HPビルダーの拡張子について
-
グラデーションの仕方
-
パソコンのメモ帳のことで質問
おすすめ情報