• ベストアンサー

したまで続けたい

http://www.efanguide.com/~lillix/ こんなページで1番下までフレーム?テーブル?がくっついてるようなものをつくりたいと思っています。 ソースをみようとしたんですがなぜか見れませんでした。

  • HTML
  • 回答数9
  • ありがとう数6

質問者が選んだベストアンサー

  • ベストアンサー
noname#107580
noname#107580
回答No.9

＞BORDER-RIGHT: white 0px solid; BORDER・・・ の意味は何なんでしょうか? まず、『BORDER-***:・・・』 これはインラインフレームのボーダー（枠線）の指定です。 すべて（上下左右）カラーを白、サイズが０ピクセル、線の種類（スタイル）を実線（普通の線）に指定しています。 サイズが０になっていますので、ボーダーは表示されませんのでカラーと線の種類の指定は無意味な気がしますが・・ 本当に無意味なのか、何か理由があるのか（何かのブラウザに対応するためとか・・）私には分かりません。 しかも上下左右同じ指定になっていますので、 border: 0px solid #FFFFFF（whiteのこと）; これ一つで良いはずです。 『LEFT: 0px』と『TOP: 422px』はインラインフレームの表示する場所を絶対的な位置で指定しています。 ブラウザ画面の左の上から４２２ピクセルの位置に表示する・・という指定です。 『FLOAT: right』 これはインラインフレームの後に続く内容（テキストなど）を【左】に回り込ませる指定です。 （rightはインラインフレームを右に表示ということです） この指定も良く分かりませんね。 インラインフレームは左０ピクセルに指定されていますので、その左に回りこむことは出来ませんので・・。 heto2さんの言う通りこのページはあまり参考にしない方がいいと思いますよ。 私が無知なだけかもしれませんが・・。 そもそもの質問の『下まで続けたい』でしたら、 lillixbg.png このような画像を作って、それを背景に指定するだけで出来ますので・・。 ＞フレームの周りにどうしても紫の線が出来てしまいさらにスクロールバーができてしまいます。 <iframe> の中に scrolling="no" frameborder="0" を追加してみてください。 <iframe src="***.htm" width="***" height="***" scrolling="no" frameborder="0">

その他の回答 (8)

  • heto2
  • ベストアンサー率43% (227/525)
回答No.8

No,7への補足への回答 ☆オブジェクト ページ上に表示する写真、文字、IFrame、アイコン等々です。 ☆greenlillix.png これがオブジェクト（写真）のリンク先です。 ☆<div style="position:absolute;top:0;left:0"> これでオブジェクト（写真）を貼り付ける場所を決めます。 座標が（0,0）ですから写真の左上が画面の左上隅になるように貼り付けます。 ☆<img src="greenlillix.png"> 画像のリンク先です。 ☆今まで回答してくださった方の答えは・・・? 間違ったことを言っておられないと思います。 よく読めば判ると思います。 ☆参考としてはいけないページ 勉強されるのもいいですが、このページを参考にされるのは止めた方がいいと思います。

  • heto2
  • ベストアンサー率43% (227/525)
回答No.7

フレーム（IFrameを除く）もテーブルも使ってません。 試しにこんなページ作ってみれば謎が解けるでしょう。 <html><head><title>Test</title></head> <body background=http://www.efanguide.com/~lillix/lillixbg.png> </body></html> IFrame部分は高さを大きく取ってフレームが出ないようにしています。 オブジェクトの配置は次の構文を使ってますが一寸面倒です。 <div style="position:absolute;top:XXX;left:XXX"> 大きな画面で見ると、右に余分な背景画像が現れたり、下のほうの余白がだらしなく感じたりします。

camira
質問者

お礼

お返事ありがとうございます。 フレームもテーブルも使ってないんですか?! 今まで回答してくださった方の答えは・・・? あとすみません。オブジェクトの意味が良くわからないんですが・・。

camira
質問者

補足

またまたすみません。この背景と http://www.efanguide.com/~lillix/greenlillix.pngの画像が2つありますがこれをどんな風に組み合わせているんでしょうか?

noname#107580
noname#107580
回答No.6

こんにちは！ ＞画像はそんなに長くないのにどうして下のほうまで伸びてるんでしょうか?? これは<IFRAME>の高さの指定が<height=1500>になっているからです。 <IFRAME style="BORDER-RIGHT: white 0px solid; BORDER-TOP: white 0px solid; LEFT: 0px; FLOAT: right; BORDER-LEFT: white 0px solid; BORDER-BOTTOM: white 0px solid; POSITION: absolute; TOP: 422px" name=sup src="L I L L I X F A N S O N L I N E.files/august.htm" frameBorder=no noResize width=618 height=1500></IFRAME> ＞メインページのよこの方の長い部分も同じように背景と同じアイフレームを使っているんですか? 左の太い緑の帯も右の細い緑の帯も背景画像で作られています。 ２０ピクセルぐらいの高さの画像が繰り返し表示されているだけです。 <IFRAME>の高さの指定が<height=1500>ですので、その部分が終わる所まで表示されます。 背景ですので、当然隙間は出来ませんのでくっついているようになります。 ソースを参考にしてみたければブラウザの【ファイル】→【名前を付けて保存】→【ファイルの種類】を『Webページ完全』にして保存してから、メモ帳で開いてみてください。

camira
質問者

お礼

ありがとうございました。ソースを見ることが出来ました。それで実際に自分で試してみたんですがフレームの周りにどうしても紫の線が出来てしまいさらにスクロールバーができてしまいます。 あとBORDER-RIGHT: white 0px solid; BORDER-TOP: white 0px solid; LEFT: 0px; FLOAT: right; BORDER-LEFT: white 0px solid; BORDER-BOTTOM: white 0px solid; の意味は何なんでしょうか?

  • briony
  • ベストアンサー率29% (323/1090)
回答No.5

>画像はそんなに長くないのにどうして下のほうまで伸びてるんでしょうか 画像の緑の部分がありますが、そこに同じ横幅でインラインフレームが入っているようです。 そのフレームの中に、別の背景が緑のページが挿入されているので、ベージが長くなれば、メインのページに繁栄され下にどんどん伸びているのです。

  • heto2
  • ベストアンサー率43% (227/525)
回答No.4

>ソースをみようとしたんですがなぜか見れませんでした。 このページは一面にマップリンクが張られています。 ブラウザーを大きめに開いて、余白を右クリックして見てください。

camira
質問者

お礼

ありがとうございます。ブラウザを最大限にして余白を右クリックしたんですがダメでした・・・。

  • briony
  • ベストアンサー率29% (323/1090)
回答No.3

補足 △その下部と同じ色をした背景のページ ○その下部と同じ色をした背景のページのインラインフレーム

  • osamuy
  • ベストアンサー率42% (1231/2878)
回答No.2

<body background=http://www.efanguide.com/~lillix/lillixbg.png> ――と、背景画像でやっているようで。 でもかなり文法違反しているソース。

  • briony
  • ベストアンサー率29% (323/1090)
回答No.1

このページは、フレームやテーブルではなく 写真を含めた大きめの画像とその下部と同じ色をした背景のページの組み合わせです。 テーブルでやる場合は、 <html> <head> <title> 題名 </title> </head> <body bgcolor="#FFFFFF" topmargin="0" leftmargin="0"> <table border="0" height="100%" width="550" cellpadding="0" cellspacing="0"> <td bgcolor="green" height="20%"> </td> <tr> <td bgcolor="orange" height="80%"> </td> </table> </body> </html> こんな感じでしょうか。

camira
質問者

お礼

ありがとうございます。 また質問なんですが画像はそんなに長くないのにどうして下のほうまで伸びてるんでしょうか??メインページのよこの方の長い部分も同じように背景と同じアイフレームを使っているんですか?

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • ホームページビルダーで組テーブルの設置方法

    質問があります。ページに角丸のテーブルを組もうと思っています。 今までは縦横の直線をウェーブアートデザイナーで寸法をあわせて 作っていました。参考サイトによるとソースをコピー＆ペーストで、 ページのほうに組み込んで、8個の部品を保存すれば完成のようです。 で、分からないのが、frame_or01.gifといったタグはどこに保存するのかです。 一括ダウンロードしてみましたが、frame_or.lzhというファイルはあるものの、 ダブルクリックしても「このファイルは開けません」のメッセージが…。 ここ数年、この手の作業が理解できずに苦しんでいます。 どうかご回答のほどを。 http://sozaiyaretro.umemomo.com/frame/frame01.html

  • 商品の口コミページに見られるレイアウトについて

    dreamweaverを使い、webページ制作の練習をしています。 作りたいサイトのイメージとしては、商品の口コミやレビュー、宣伝をするページなどです。 背景があり、中央に白いフレーム(テーブル？)があり、その白い背景の上に文字を乗せるという構図にしたいのですが、なかなかうまくできません。 具体的には下の2つのようなＨＰを理想としているのですが、 このようなレイアウトにするには、どのようなスタイルシートを書けばよいのでしょうか。 またこの構図(背景、中央に白いフレーム)はなんというのでしょうか？ http://www.facialesteriko.com/bihaku/selfcare/komenotogisiru-peeling.html http://アヤナス口コミ.com/ ページのソースを表示して調べたりしているのですが、要素がたくさんあって難しいです。 分かり易く解説してもらえると嬉しいです。 また、追加で質問ですが、この二つのＨＰのように上部に画像を乗せたいのですが、ＣＳＳでmarginを設定しているせいか、余白ができてしまいます。 中央の白いフレームや、その上に乗せる文字には余白が欲しいので、画像のみ余白なしで表示させる方法がありましたら教えてください。 質問が多くなってしまいましたが、分かる方がいましたらご助言お願いします。

    • 締切済み
    • CSS
  • 画像をクリックして同じページに拡大画像を出す

    小さい画像をクリックすると同じページに拡大画像が表示されるようにしたいのです。小さい画像が７つ程横に並んでいて、クリックするとその下に拡大画像が表示されるページです。フレームは使わないで出来ますか？フレームを使うとテーブルの背景が切れてしまうので使わないで作りたいのですがわかりません。教えてもらえたら嬉しいです。

    • ベストアンサー
    • HTML
  • 初歩的な質問です

    超初心者です。 バージョン8.0 テーブルで作成したはずのhtmlを再度あけるとフレームにわかれています。 一体どういうことでしょうか？ ソースで見るとテーブルになっているのですが、dreamweaverであけるとフレームごとでしか表示されません。 ソースのままのデータをdreamweaverでも表示させる方法を教えて下さい。

    • 締切済み
    • CSS
  • I frameでのリンクについて

    よろしくお願いします(*'ー'*) ＨＰの作成でI frameを初めて使いました。 ページの形式としては左側にメニューとしてI frame、 右側にそのカテゴリーの文章等を入れようと思っております。 ページが100くらいになり、メニューの変更があった時は 今までは全てのページを訂正していました。 ※昔はフレームでページを上、左、下に分けていましたが 印刷がうまくいかないとのことでテーブルで分けることになりました。 I frameでメニューのリンクを押すとI frame内（縦長）にリンク先のページが出てきますが、これを新しいページを開くことなくそのカテゴリーのページにとぶ事ができませんでしょうか。 よろしくお願い致します！

  • ソースの見えるフレームは擬似フレームですか？

    HTMLを勉強しているので、 暇があると色々なページのソースを見ています。 そこで気づいたのですが フレームページはソースを表示させると 大元のフレームソースしか表示されませんよね？ でも一見、フレームのような作りでも 普通にメイン画面のソースが表示されるページも あるようです。メニュー側でソース表示すると そちらもきちんと見えます。 例えば・・・ http://www.solon-saga.jp/ ソースにJavaScriptの記述がありますが、 こうしたページは擬似フレームになるのですか？ それともindex.htmなどをフレームにしてページをいれ、 通常どおりフレームセットを作りながら何かの方法で 普通にソースを表示させる方法などがあるのですか？ DynamicHTMLやスタイルシートなどもチラッと 調べてみたのですがいまいち判りません。 よろしくお願いします。

  • リンクの飛び先指定について

    画面を２つのフレームで切っています。上のフレームはおもにナビゲーション用のボタンが並んでいます。下の画面は横長で4000pix程あります。800pixごとにテーブルで区切っています。 それぞれのテーブルの先頭に<a name=***>でアンカーポイント？を置いていて、そこに対して上のナビボタンで飛びたいのですが、思った位置に飛ばなかったり、先のページのアンカーから前ページのアンカーに飛ぼうとしてもなにも反応がなかったりします。 ドリームウイ－バー2を使っていますが、どんな原因が考えられますか？できればＪａｖａなどは使いたくありません。

  • 違うフレームに表示

    上下に分かれてるフレームで、下のフレームページに <form method="post"> <input type="text" name="f1" size="30"> <input type="submit"> </form> このようなソースがあった場合、ボタンをクリックすると下のフレームに結果が表示されます。 それを、上のフレームに表示したいんですけど、 どうすればいいですか？ よろしくお願いします。

    • ベストアンサー
    • Perl
  • ページを開いたときに小窓も開くには？

    ホームページでフレームを使ったトップページを開いたときに左上にもうひとつ自動で小窓を開くにはソースはどうしたらよいでしょうか？どのフレームページにソースを書き込んだらよいんでしょうか？

  • http://erums.web.fc2.com/contact.ht

    http://erums.web.fc2.com/contact.htmlのページに使用しているテーブルのcellpaddingがききません。 テーブル自体にはスタイルシートは適用していません、、、。 ソースをのせると文字数がこれてしまうのでURLをのせたのですが、なんどもソースを確認しても理由がよくわかりません。どなたかわかる方がいたら、アドバイスをください。 おねがいします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する