![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67b6d)
フレームを使って細いメニューを作りたいです。
フレームを使って下のほうに細いメニューを表示したいと思っています。
しかし文字の上に一行分くらいの隙間が開いてしまい、
メニューの文字がスクロールしないと表示されません。
メニューの作り方も調べましたが、ここまで細いものについてはわかりませんでした。
どうしたら上手く表示できるでしょうか。
完成ページ↓
<html>
<head>
<title></title>
</head>
<frameset rows="*,3%" frameborder="NO" border="0">
<frame src="PageTop.html">
<frame src="Menu.html" noresize scrolling="NO">
<norames><P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P>
</frameset>
</html>
PageTop.html↓
<html>
<head>
<title></title>
</head>
<body></body>
</html>
Menu.html↓
<html>
<head>
<title></title>
<style type="text/css">
<!--
p { text-decoration: none; }
-->
</style>
</head>
<p>
<body bgcolor="#696969" link="#696969" alink="#696969" vlink="#696969">
<font face="Kartika"><div style="font size:20px;">
<target="1" href="">Top</a>
<target="1" href="">About</a>
<target="1" href="">Main</a>
<target="1" href="">Blog</a>
<target="1" href="">Link</a>
<target="_top" href="">Index</a>
</font></p>
</body>
</html>
至らない点がありましたらご指摘ください。
よろしくお願い致します。
No.1ベストアンサー
- 回答日時:
今時なぜフレーム?
ということはさておき…
テキストメニューの上をmarginで詰めたら良いんじゃないの?
それからメニューのテキスト間隔をスペースで開けるのは関心しません。
listでやるべきだと思いますよ。
("_margin"はFirefox対策)
【Menu.html】
<html>
<head>
<title></title>
<style type="text/css">
<!--
ul{
margin-top:-10px;
_margin-top:-15px;
margin-left:-65pt;
_margin-left:-35pt;
text-decoration: none;
font-family:Kartika;
font-size:20px;
}
li{
display:inline;margin-left:35pt;
}
-->
</style>
</head>
<body bgcolor="#696969" link="#696969" alink="#696969" vlink="#696969">
<ul>
<li><target="1" href="">Top</a></li>
<li><target="1" href="">About</a></li>
<li><target="1" href="">Main</a></li>
<li><target="1" href="">Blog</a></li>
<li><target="1" href="">Link</a></li>
<li><target="_top" href="">Index</a></li>
</ul>
</body>
</html>
ありがとうございます!
試してみたら希望通りに表示されました。
作り方のサイトを見ながら手探りで作っているので、基礎的なことを教えていただけて勉強になりました。
参考にしているサイトのソースを見るとフレームでメニューを作っていたのでそういうものだと思っていましたが、一般的には違う方法を用いるのでしょうか・・・?
No.2
- 回答日時:
#1です。
「フレームは時代遅れ」と言うのが一般論のようです。
・ブラウザ依存
・SEOに不利
・閲覧者に優しくない等々…
便利ではあるけれど、問題点も多いというのがその主な理由としてあげられます。
具体的には「フレームの問題点」などのキーワードで検索すると詳しく解説されてたりします。
代替としてインラインフレーム、CSSによる擬似フレームなどあるようですが、
質問者さんが理解した上で割り切って使おうと思うなら、そのままで良いと思いますよ。
「こうでなけりゃ絶対ダメ!」というほどのものでもないですからね。
なるほど、ブラウザ依存ということは知っていましたが、他にも色々と問題があるのですね。
やはりサイトを作る上でCSSは避けては通れませんか・・・。
とりあえず今の所は改善していただいたフレームを使い、他の方法も調べてみようと思います。
大変ご丁寧な回答ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
pythonのエラーについての質問...
-
フレームで指定している送信先...
-
フレームの片方だけを更新(リロ...
-
フレームを使った縦横中央への...
-
URLを変えないで表示する方法
-
文字化けを解除するには
-
Firefoxのフレーム表示について
-
ウィンドウを小さくしてもフレ...
-
フレーム内でトップに戻るよう...
-
HTMLソースの<p>何とか<p/>
-
HTMLフレームセット中のNAM...
-
ワンクリックで二つのフレーム...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
googleドライブで、PDFファイル...
-
iPadの標準ブラウザでローカルH...
-
レストラン、英語のメニュー表記
-
VBA URLDownloadToFileについて
-
一つのリンクに複数のURLを指定
-
ページの途中にリンクするとそ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
pythonのエラーについての質問...
-
フレームで指定している送信先...
-
frameの内容が表示されない
-
2つのページを重ねたい
-
フレームの片方だけを更新(リロ...
-
WebサイトでHTMLのフォームに隠...
-
URLを変えないで表示する方法
-
フレームページが表示されない...
-
iframeを使わないで・・・
-
formデータ送信時にフレームペ...
-
html 左メニューから右への表示...
-
フレームが表示されない><
-
直リンクとは。
-
HTML、1クリックで複数画像表示
-
HTML フレーム内にWebページを...
-
HP全体にmidiを・・・
-
フレームがあるページでの更新...
-
「無題ドキュメント」の名前変...
-
フレームの表示と非表示の切り替え
おすすめ情報