自分の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ランキング
-
iqoo neo 9と言うスマホがある...
-
3COINSのスマートウォッチを使...
-
急に非通知着信がめちゃくちゃ...
-
「PC Helpsoft Driver Updated...
-
初めて中華ゲーム機を購入した...
-
良いワイヤレスイヤホン買いた...
-
皆さんのスマホのキャリアは・・
-
メルカリの一つのアカウントで ...
-
言語の選択や国の選択をする時...
-
スマホ置き忘れ対策を教えて下...
-
初めて質問します。 スマホ用等...
-
マイクロSD非搭載のスマホにPC...
-
パソコンの同期について
-
GPS機能がその時間帯に動いても...
-
テレビみたいにリビングにモニ...
-
EOKIOのヘッドフォンのペアリン...
-
パソコンのWi-Fiについてご相談...
-
10年位前に使っていたパソコン...
-
全角入力
-
日本に、Microsoftのような会社...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
アドレスバーへの直接入力を禁...
-
ヘッダーを共通化した場合のSEO...
-
PDFファイルをリンクするには?
-
macでhtmlのタグを打って、開い...
-
【excel】excelで作成したhtml...
-
htmlで改行タグを入れていない...
-
隠しページの探し方
-
ドラッグすると見える文字
-
アクセスログの「HEAD」と...
-
HTML タグへのstyle記載の違い
-
数値Lについて
-
大きくなった文字を元に戻すには?
-
ヤフオクの出品説明文をカラー...
-
HPのソースをそのまま貼り付け...
-
ExcelのVBAの正規表現で二重引...
-
CMSサイトの見分け方は?
-
昔のゲーム、ブラックオニキス...
-
HPビルダーの拡張子について
-
グラデーションの仕方
-
CSSで謎の現象
おすすめ情報