- 締切済み
ページのレイアウトの仕方について
HTMLで以下の効果を出すにはどうすればよいのでしょうか。 ・ワクで囲ったようなページ ちょっとわかりにくい表現で申し訳ありませんが、 ページの四方を枠で囲み、その枠は固定したまま、真ん中の部分だけでスクロールできるようなページを作りたいのです。 言い方を変えれば、一つのページの真ん中に一回り小さいページが置いてあって、その小さい方だけスクロールできるといった感じです。 ・境界線の位置を変更できないフレーム フレームの境界線を0にすると、境界線は見えなくなりますが、その境界のあたりをクリックすると、ドラッグで自由に境界線の位置を変更できてしまいます。これをできなくするにはどうすればよいのでしょうか。 ・一定のレイアウトを保つページ ウインドウの大きさを変えると、文章が途中で改行されたり、横に並べていたものが縦に並び替えられたりしてしまいますが、これはどうやったら防げるのでしょうか。 質問が多くなってしまってすみません。 よろしければ、具体的なHTMLの記述による回答、または、解決できそうな参考URLの回答をお願いいたします。
- みんなの回答 (3)
- 専門家の回答
関連するQ&A
- このようなページを作る時のレイアウト方法は?
添付しているようなレイアウトでHTMLページを作成したいと思っております。 最終的にはPHPで作成予定なんですが、まずはHTMLでページを作ってみようと思いまして・・・。 簡単なレイアウトなら作成した事はあるのですが、このような場合はどのようにしてレイアウトを行うのでしょう? 1.フレームで区切る 2.ページ全体を大きなテーブルとして区切る 1は後々面倒なので考えてないんですが、「コメント」や「別の日へのリンク」部分をスクロールにしようと思ったら、フレームじゃないと無理なんでしょうか? 初心者なので質「問文が意味分からん」といわれるような事があるかもしれませんが、教えてください。 あと、やっぱりこういうの勉強するなら、ネットで色んなサイト見たりするよりも本を買った方がいいんでしょうか?
- ベストアンサー
- HTML
- スクロールバー
インラインフレームの縦スクロールバーは表示して 横スクロールバーは表示しないようにするには どうしたらよいでしょうか? フレームの枠を中に表示するHTMLのWIDHTより大きく 設定してるんですが、どうしても横スクロールが出て しまいます。 フレーム内に表示するページの幅って設定できるんですか? 詳しい方よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- インラインフレームを使ったページのレイアウト
センス向上の為、色々テンプレート配布サイトさんを見回っていた所、数か所のサイト様で、テーブルとインラインフレームを組み合わせたテンプレートを配布されている所を見付けました。 まずインラインフレームは枠線、境界線(表現、これで合っているでしょうか?デフォルトの状態だと、枠線を消しても窪んだ様な感じになっていますよね?それの事です)共に表示されておらず、 スクロールバーもない為に、スクロールはされないものの、インラインフレームの大きさが読み込むページによって変容していました。 また、あるサイト様ではインラインフレームの箇所に画像を使用しており、画像内の文字のみ変わる様な仕組みになっていました。 参考にして自分なりの物を作ろうと思ったのですが、思った様に行きませんでした。 width、heightは100%としましたが、インラインフレームの大きさは変わらず、frameborderだけでは境界線も消えず、マージンも指定しましたが、表示位置も変わりませんでした。 勿論とほほさんやTAG indexさんで勉強はして、その通りに打ち込んだつもりですが効果なし。 マージンに関して言えば、一応、少しだけは変わりましたが、明らかに指定した数値とは違う位置に表示されました。(指定は150px、表示位置は50pxにも満たない様な位置でした) ネットサーフィンで見かけたサイト様でしたので、その数か所のサイト様がどこから見かけたものか忘れてしまい、URLやソースを控えておく事もしていなかったので、 そのテンプレート配布者様がどの様なタグでその様にしたかが分かりません。 見かけたサイト様の様に表示させるにはどうしたらいいのでしょうか? それとも諦めてフレーム辺りで落ち着くべきでしょうか?
- 締切済み
- その他(ソフトウェア)
- フレームを使った縦横中央へのレイアウト
縦横ともに画面中央にレイアウトするには、どのような方法が良いのでしょうか? http://www.salon-de.net/main.html このサイトではテーブルを縦横100%にしてセルで中央にレイアウトされるように指定しているようですが、テーブル縦100%を認識しないブラウザでは中央レイアウトになりません。 http://www.parkhyatttokyo.com/ このサイトでは、なぜかフレームを縦2段で100%と相対に指定し、100%の方に内容の入ったHTMLファイルを表示させています。 画面中央にレイアウトされたページでは、このようにフレームを縦2段にして100%と相対に指定したものが多く見受けられますが、これにはどのような意味があるのでしょうか? さらに、 http://www.toraya-cafe.co.jp/ では同様のフレームが2重になっています。 また、なぜか「TD」タグ内では「vAlign=center」「align=middle」のようにダブルクォーテーションを付けない書き方が多数派となっています。 この理由はなぜでしょうか? 詳しい方お教え願います。
- 締切済み
- HTML
- HPビルダー レイアウト枠の中での文字位置の揃え方
HPビルダーでレイアウト枠を表示し、その中での文字を入力しているのですが、改行した場合文字の先頭位置が自由にセットできません。スペースKEYでずらせない状態です。下記の様にしたいのですが・・・。 HHHHHH AAAAAAA BBBBBB 属性の変更を見てみたのですが、そのような記述もないようで・・・。HTMLも触ってきたのですが、変化なし。 何か良い方法はあるのでしょうか。宜しくお願いいたします。
- ベストアンサー
- その他(ソフトウェア)
- スタイルシートを利用したページレイアウト
数年前からWEBページのレイアウトにはCSS(スタイルシート)を使用した ものが一般的になっているようですが、 自分はHTMLの知識はある程度持っているのですが、TABLEレイアウト しか経験がない為、いちからCSSを利用したページレイアウトを勉強したい と思っています。 そこで、そんな私に最適な書籍やWEBサイトがありましたら教えて いただきたいと思っています。 よろしくおねがいします。
- 締切済み
- その他(インターネット・Webサービス)
- 横方向のスクロールをなくしたい
縦3分割(cols="*,700,*")のフレームにし、真ん中だけ遷移させるページを作成しているのですが、CSSで、 body{ overflow-x:hidden; } と設定しているのですが、横方向にスクロールされてしまいます。フレームの値(width)より真ん中のページに置く幅の値が等しいか同値であるのですが、何か設定が要るのでしょうか? 因みに縦はスクロールします。(真ん中のフレームのみ) 考えてみましたが、結論が出そうになかったので教えてください。お願いします。
- ベストアンサー
- HTML
- インラインフレームのスクロールについて
インラインフレームで縦のスクロールだけにして横スクロールを消したいのですが、どうすればできるのでしょうか? 読み込んでくるページはテキストのみです。読み込んできて表示した時にフレームの巾で自動的に改行するようにはできないでしょうか? それとも、読み込むページ側を細長く作っておかないといけなのでしょうか? フレームのスクロールの設定はautoにしています。 インラインフレームを始めて使用しますので苦戦しています。 宜しくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- gooのトップページのレイアウト
今日突然gooのトップページのレイアウトが変更してました。 上手く説明出来ませんが、今まで横に並んでいた辞書とかウェブとか表示されている所が全部左側に縦に並んでいて、空白の部分が多くなり、全てが縦長になっています。 検索するところも今までは画面の上、中央に配置されていましたが、今は画面の下に小さくなっています。 レイアウトの変更はクリック出来ずマウスをもっていってもリンクされません。 これは私だけでしょうか。 以前のレイアウトに戻したいのですが、出来るでしょうか。 よろしくお願いします。
- ベストアンサー
- ネットトラブル
- 十字キーが出てきてページがスクロールできません。
調べてみたのですがなにが原因かよくわかりません。 ホームページで、縦2分割フレームを使っています。 左はメニュー。右にリンク先のページが表示される形になります。 そこで、右のページを日記に設定したのですが、 (INDEXから飛ぶと左にメニュー、右に日記が表示できるように) 日記は表示されますがマウスキーが十字キーに変化し、 ページをスクロールさせることができません。スクロールバーも無反応です。 フレームの境界線には(右側に)斜線のような線がでます。 レンタル日記、Pixivのブログどちらも同じような状況に陥ります。 ページを開いて自然に右側をスクロールできるようにするにはどうすればよいでしょうか。 特に目立ったタグはありませんでした。FC2をつかっております。 ご指導をお願いいたします!よろしくお願いいたします。
- ベストアンサー
- HTML
- ハガキ宛名の印刷が左端に4分の1の大きさで印刷されるトラブルが発生しました。
- 以前は裏面を普通に印刷できていたのに、突然この問題が発生しました。
- お使いのパソコンはWindows10で、無線LANで接続されており、関連ソフトとして筆まめ33を使用しています。また、電話回線はひかり回線です。
お礼
回答ありがとうございます! 最終手段ですね(^^;