HTMLで以下の効果を出すにはどうすればよいのでしょうか。
・ワクで囲ったようなページ
ちょっとわかりにくい表現で申し訳ありませんが、
ページの四方を枠で囲み、その枠は固定したまま、真ん中の部分だけでスクロールできるようなページを作りたいのです。
言い方を変えれば、一つのページの真ん中に一回り小さいページが置いてあって、その小さい方だけスクロールできるといった感じです。
・境界線の位置を変更できないフレーム
フレームの境界線を0にすると、境界線は見えなくなりますが、その境界のあたりをクリックすると、ドラッグで自由に境界線の位置を変更できてしまいます。これをできなくするにはどうすればよいのでしょうか。
・一定のレイアウトを保つページ
ウインドウの大きさを変えると、文章が途中で改行されたり、横に並べていたものが縦に並び替えられたりしてしまいますが、これはどうやったら防げるのでしょうか。
質問が多くなってしまってすみません。
よろしければ、具体的なHTMLの記述による回答、または、解決できそうな参考URLの回答をお願いいたします。
No.2ベストアンサー
- 回答日時:
参考URLのHTMLリファレンスの<IFRAME>が、それにあたります。
現在表示しているページ中の好きな位置で、別ページを読み込むというものです。
ただ、これはインターネットエクスプローラとネットスケープ6では対応していますが、
Netscape4.x以下では対応していませんので、ご注意ください。(Operaはたぶん対応しているんでしょうね。(曖昧))
その場合、別ページへの誘導等を行ってくださいね。
私自身ネスケ使用してるのでちょっと困る(笑)
と、ページでなく文字だけでも構わなければ、この投稿欄のようなテキストエリアでも可能ですね。
<FORM> と <TEXTAREA>が該当します。
No.3
- 回答日時:
通常のフレームを使って、まず横に三分割し、真中のフレームに縦三分割したフレームを読み込めば実現できる…かな?
+-------+
| | 上枠で、高さを固定。
+-------+
| | ← ここに 縦三分割のフレームを読み込む。
+-------+
| | 下枠で、高さを固定。
+-------+
中段に読み込む縦三分割のフレームはこんな感じで、
+-+---+-+
| | | |
| | | |
| | | |
+-+---+-+
↑ ↑ ↑
幅固定 ↑ 幅固定
↑
このフレームの中に、実際のコンテンツを読み込む。
こんなのでどうでしょう?
No.1
- 回答日時:
1の問は、インラインフレームや、通常のフレームでも、ちょっと凝れば可能です。
2の問は、<frame>タグ中に、「NORESIZE」を加えれば可能です。
3の問は、あなたが見ている環境が全ての人が見ている環境というわけではないので、やらない方がよいと思います。
改行を防ぐには<nobr>というタグが一応あります。
ただ、横に並べていたものが縦になるというのであれば、テーブルを使用されてはいかがでしょうか。
<table>
<tr>
<td><img src="1,jpg" width="30" height="12" ALT="naniyara" TITLE="naniyara"></td>
<td><img src="2,jpg" width="30" height="12" ALT="naniyara" TITLE="naniyara"></td>
</tr>
</table>
テーブルを使用していれば、大丈夫かと…。
テーブルを使用する際は、テーブルタグを閉じるのを忘れないようにしてください。
閉じるのを忘れると表示されないブラウザがあります。
以下のページを参考にあげます。
とほほのWWW入門
http://tohoho.wakusei.ne.jp/www.htm
HTMLリファレンスが参考になると思います。
参考URL:http://tohoho.wakusei.ne.jp/www.htm
素早い回答ありがとうございます!
1は、知識不足でちょっと分からないです。インラインフレームってどういうものでしょうか?
2は解決しました!こんな簡単なことだったのですね。
3に関しては、その通りですね。どんな大きさのウインドウで見てもレイアウトを崩したくないと思っていましたが、それ以前にどんな環境でも気持ちよく見られることのほうが大事ですね。なんとか工夫してみます。
参考ページ、大変参考になりました!
質問項目以外にもいくつか発見がありました。
ただ、1の質問に関しては、やはり分かりませんでした・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 物理学 量子力学 球面調和関数 導出 方位角成分 微分方程式の解 2 2022/07/02 13:40
- Word(ワード) 表の縦罫線を移動するピッチ 1 2022/10/12 12:24
- 憲法・法令通則 「止まれ」の標識も車線境界線も無い側道合流部 1 2023/06/09 15:00
- Excel(エクセル) マクロで作った ワードエクセル かけ線や コピペなど 修正や色々な方法を教えてください 2 2023/07/07 22:27
- Chrome(クローム) Google chromeでクリックができない症状について 6 2023/02/12 16:55
- 教えて!goo このサイトの不具合の前兆なのか? 4 2022/06/08 22:46
- Safari(サファリ) 米国サイトへ行きたいのに、勝手に日本語ページへ飛ばされる 1 2022/10/16 07:52
- 弁護士・行政書士・司法書士・社会保険労務士 ★行政書士試験の行政法についての質問になります。 地方自治法についての質問になります。 問1 都道府 1 2023/06/18 09:00
- HTML・CSS ホームページをちょっと加工する程度の無料または古くて安く購入できる作成ソフトを教えてください 5 2022/12/16 12:17
- 憲法・法令通則 道交法についての質問です 3 2023/01/16 14:17
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フレームが表示できません
-
画面の一部だけ更新したいので...
-
2つのページを重ねたい
-
html リンクを別フレームに表...
-
pythonのエラーについての質問...
-
<a href >タグのtarget属性に...
-
フレームページが表示されない...
-
ホームページビルダーのフレー...
-
複数フレームへ同時にリンクを...
-
HTMLでページの余白を設定したい。
-
URLを変えないで表示する方法
-
どのページもすべて同じURLなの...
-
直リンクとは。
-
インラインフレームのデメリット
-
スクロールできない
-
googleでホームページを検索し...
-
html 左メニューから右への表示...
-
Excelで、社外秘(閲覧のみ)と...
-
ホームページでファイルをダウ...
-
HTMLからフォルダを開きたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
フレーム内のPHPへPOSTで情報を...
-
pythonのエラーについての質問...
-
2つのページを重ねたい
-
フレームの片方だけを更新(リロ...
-
html 左メニューから右への表示...
-
URLを変えないで表示する方法
-
フレームページが表示されない...
-
スクロールできない
-
フレームで指定している送信先...
-
フレームが表示されない><
-
html リンクを別フレームに表...
-
ブラウザで4分割表示できますか?
-
直リンクとは。
-
frameの内容が表示されない
-
HTMLファイルの置き方による読...
-
CSSを使って画像をクリックする...
-
フレーム分割した全体をスクロ...
-
フレームの表示と非表示の切り替え
-
HPの一部に他のHPを表示
おすすめ情報