![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
画面をフレームで左右に分けまして、左フレームにリンクを10個ほど縦に並べています。
リンク文字に背景色をつけ、更に左右のフレーム内にも別々の背景色をつけています。
リンクは左フレームの中央に置きたいのですが、右側にマージンが出来てしまいバランスが取れません。
色々試してみたのですが、どうしてもうまく行きません。下記にソースコードを記入しました。
どう処理をすれば良いのか、どなたか教えて下さい。
HPの初心者です。どうぞ、よろしくお願いします。
フレーム
<frameset cols="19.5%,*" border="0">
<frame src="link.html" >
<frame src="index.html">
</frameset>
フレームの左側
<style type="text/css">
<!--
.param1 {line-height:2;position:absolute;left:10;}
a {text-decoration:none;background-color:#eaffef;}
-->
</style>
<body background="haikei.jpg" link="#0000ff" alink="#ff0000" vlink="#0000ff">
<pre>
<br><font size="1%" class="param1"><a href="index.html" target="_top">トップページ </a>
No.5ベストアンサー
- 回答日時:
答えを教えちゃうと、勉強にならないのでヒントだけ。
.param1 {line-height:2;position:absolute;left:10;}
が、いたずらしています。
こう言うのは、htmlにソースミスが無いかをまず確認し、そこにミスが無ければ、cssが問題だという事になるので、何処が悪いかを一つずつ検証していくと、答えが出てきます。それに慣れてきたら、ソースを全体的に見れば何処が悪いのか、判るようになります。とにかく、おかしな所がでたら、単純化していって消去法で見つける努力をしましょう。
それと、ふと思ったのですが、
><frameset cols="19.5%,*" border="0">
左はリンクページなんですよね?なんで19.5%しかとらないんでしょう?
ブラウザ上でサイズの変更…は確かにできますが(このままで)、NN4.×は効きませんよ。それにこんなちっちゃくしたら、デフォルトで表示した時、「何でこんなに細いの!?」と思う人100%だと思うのですが…?
「position:absolute;left:10;」を削除しましたら、見事、見事に消えました。
それに問題の解決法まで教えていただき、有難うございます。
左リンクページの19.5%は小さいんですね!
分かりました。自分なりに適正な幅を研究してみます。
くさっていたのですが、元気が出ました。有難うございました。
No.4
- 回答日時:
たぶん、リンク側の全ソースを公開した方がいいと思いますよ。
#2の方と同じ事を私もやってみましたが、おっしゃるようなマージンも出なければ、折り返しされることもありませんでした。
windows2000/IE5.5
環境とブラウザも書き添えた方がいいでしょう。
説明不足で、申し訳ありません。
windous98/IE6.0を使っています。
マージンの出る出ないは、OSの違いから来るのかもしれませんね。
この件は、#5の方のご回答で解決しました。
お手数をおかけ致しました。 有難うございました。
No.3
- 回答日時:
こんにちわ
質問をきちんと理解できているか不安ですが
リンクを中央に揃えるだけでしたら
スタイルシートの.paramの中のleft:10を消して
リンクの前にある<pre>をけして
<div align="center">を入れて
リンクの文字の後の</a>の後ろに</div>
リンクがたくさんあるときは全部を
<div>で囲えばできると思いますができましたか?
ご指示どうりにやってみたのですが、確かにリンク文字は中央に来るものの、今度は左右マージンが出ます。
この問題は、#5の方のご解答で解決しました。
でも、ご親切にご回答頂き有難うございました。
No.2
- 回答日時:
まず質問の意味がよくわからない。
それよりもフレームHTMLは元もHTMLファイルが3つ(画面2つ分けの場合)で構成しています。貴方の場合
1.home.html(これは他所の人がアクセスするページ)
2.link.html(frame左で表示するページ)
3.index.html(frame右で表示するページ)
home.htmlの中身は:
<HTML>
<HEAD><TITLE>HOME</TITLE></HEAD>
<frameset cols="30%,*" border="0">
<frame src="link.html" >
<frame src="index.html">
</frameset>
</html>
link.htmlの中身は:
<HTML>
<HEAD><TITLE>link</TITLE>
</HEAD>
<style type="text/css">
<!--
.param1 {line-height:2;position:absolute;left:10;}
a {text-decoration:none;background-color:#eaffef;}
-->
</style>
<body background="haikei.jpg" link="#0000ff" alink="#ff0000" vlink="#0000ff">
<pre>
<br><font size="1%" class="param1"><a href="index.html" target="_top">トップページ
</a>
</html>
index.htmlの中身:
<HTML>
<HEAD><TITLE>index</TITLE>
</HEAD>
<H2>INDEX</H2>
</html>
これでまずやって見て下さい。
上記のソースをそれぞれのファイル名で保存すれば動作するはずです。
>まず質問の意味がよくわからない。
説明不足で、申し訳ありません。
その上、フレームの扱い方までご教示頂き、有難うございます。
マージンの問題は、#5の方のご回答で解決致しました。
お手数おかけ致しました。ご親切なご回答有難うございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
WebサイトでHTMLのフォームに隠...
-
2つのページを重ねたい
-
URLを変えないで表示する方法
-
pythonのエラーについての質問...
-
フレームなしのページからフレ...
-
フレーム内でトップに戻るよう...
-
Excel VBAによるIEの制御に関して
-
ウィンドウを小さくしてもフレ...
-
フレームの片方だけを更新(リロ...
-
HTMLでページの余白を設定したい。
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
HTMLページが勝手にダウンロー...
-
googleドライブで、PDFファイル...
-
htmlの謎
-
【HTML】1クリックで複数ファイ...
-
テキストエディタvscodeでプロ...
-
<a href="/">トップへ</a> こ...
-
VBAで#Regionに変わるものは無...
-
メールの直リンクがダウンロー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
pythonのエラーについての質問...
-
フレームで指定している送信先...
-
フレームの片方だけを更新(リロ...
-
frameの内容が表示されない
-
2つのページを重ねたい
-
WebサイトでHTMLのフォームに隠...
-
URLを変えないで表示する方法
-
フレームページが表示されない...
-
iframeを使わないで・・・
-
html 左メニューから右への表示...
-
formデータ送信時にフレームペ...
-
フレームが表示されない><
-
直リンクとは。
-
HP全体にmidiを・・・
-
HTML、1クリックで複数画像表示
-
HTML フレーム内にWebページを...
-
フレームがあるページでの更新...
-
フレームの表示と非表示の切り替え
-
「無題ドキュメント」の名前変...
おすすめ情報