フレームを使って細いメニューを作りたいです。
フレームを使って下のほうに細いメニューを表示したいと思っています。
しかし文字の上に一行分くらいの隙間が開いてしまい、
メニューの文字がスクロールしないと表示されません。
メニューの作り方も調べましたが、ここまで細いものについてはわかりませんでした。
どうしたら上手く表示できるでしょうか。
完成ページ↓
<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で質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
トップページ(index.html)を...
-
フレームページが表示されない...
-
【至急!!助けて!】【スマホ...
-
WebサイトでHTMLのフォームに隠...
-
2つのページを重ねたい
-
フレームページから他のURLに飛...
-
インラインフレーム
-
フレームで、一回しか切り替わ...
-
フレーム内部に表示するページ...
-
frameをはみ出した領域を表示さ...
-
どのページもすべて同じURLなの...
-
URLを変えないで表示する方法
-
フレームで指定している送信先...
-
現在、仕事でホームページの更...
-
HTMLファイルが表示されない
-
このHPみたいな・・
-
frameのボーダーを0にするとif...
-
ページの下のほうに文章を固定する
-
frame 表示
-
フレーム間のリンクが巧く行き...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
pythonのエラーについての質問...
-
どのページもすべて同じURLなの...
-
フレームの片方だけを更新(リロ...
-
2つのページを重ねたい
-
スタイルシートで背景画像を固...
-
スクロールできない
-
WebサイトでHTMLのフォームに隠...
-
ページが変わっても同じ音楽を...
-
frameの内容が表示されない
-
フレームで指定している送信先...
-
html 左メニューから右への表示...
-
target="_parent"
-
WordファイルをHTMLに埋め込む方法
-
直リンクとは。
-
URLを変えないで表示する方法
-
フレームを使わずに画面分割し...
-
フレームが表示されない><
-
画面の一部だけ更新したいので...
-
フレーム内のURLを表示させる方法
-
<iframe>タグが正常に動作しない
おすすめ情報