使用しているのはホームページビルダー11なのですが、自作CGイラス
ト等載せるHPを作り始めました。作り始めて、順調に進んでいけると思
っていたら、肝心な所で行き詰ってしまい困っております。
どなたかご回答いただければ嬉しく思います。
閲覧し易い様、ページをフレームで左右二つに分割し、フレーム設定
ページ、フレーム内ページを左右作りました。右フレームには背景をい
れております。(ここではピンク色の背景にしました)
左フレーム内のページにメニューを作り、左のリンクアイコンクリック
で右にイラストを表示させるよう設定しました。
確認するためプレビューで左のメニューのリンクをクリックすると画
像は右に表示されるのですが、右側に入れていたピンクの背景が消え、
イラストの周囲が白い背景に変わってしまいます。そして右フレームの
左寄りに画像が表示されます。
よく他の方のイラストサイト様のHPを拝見させていただくのですが、左
のメニューのリンクをクリックすると右の背景はそのまま、画像だけ中
心に表示されています。
なぜ画像のみ表示させることができないのでしょうか?
画像もなるべくフレームの中心に表示させたいのですが・・・。
色々考えてみましたが設定等のやり方が思いつきません。
右フレームの背景はそのままに、画像のみフレームの真ん中に表示させるための
方法の分かる方がいらっしゃいましたら教えていただけないでしょうか。
よろしくお願いします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
フレームの左側(メニュー部分)のページを「left.html」
右側に表示されるファイル名を「right.html」としていたとします。
最初にアクセスした時にフレームに表示されているページはこの2つになります。
(あとフレーム本来のページも表示されていますがそれは割愛します)
イラストを保存してあるページ名を「illust1.html」と仮定したとして
メニューからイラストのページをクリックすると
今まで表示されていた「right.html」から「illust1.html」へと表示が変更されるわけです。
ですので「illust1.html」の背景もピンク色にする必要があります。
例:<body text="#666666" bgcolor="pink">
画像を中心に表示したい時は「illust1.html」のタグを変更しないといけません。
<body>
<div align="center">
<img src="イラスト名.jpg" border="0" width="横のサイズ" height="縦のサイズ" alt="イラストの名前">
</div>
</body>
これでページの中央にイラストが配置されるようになりますよ。
お早いご回答どうも有難うございます。
やはりイラストページの方も背景色を変えなければならないのですね。
画像を中央へ表示させるやり方、教えられた通り試して見ます。
解かりくとても参考になりました!
No.1
- 回答日時:
>なぜ画像のみ表示させることができないのでしょうか?
もともとそんな仕組みがないからです。
ページが切り替わるのですから、背景を設定していなかったらブラウザのデフォルト背景色になるのは必然です。
>よく他の方のイラストサイト様のHPを拝見させていただくのですが、左のメニューのリンクをクリックすると右の背景はそのまま、画像だけ中心に表示されています。
そのように画像を表示するページを作っているからです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- C言語・C++・C# 【C++】IDirect3DSurfaceのディープコピーは可能ですか? 1 2022/07/06 02:47
- Windows 10 壁紙フォルダが表示されない 1 2022/11/16 21:58
- その他(IT・Webサービス) PCの画面表示 1 2022/08/05 11:06
- Gmail Gメールの受信トレイの表示が変わって、戸惑っています 1 2023/04/04 17:52
- その他(Microsoft Office) googleスプレットシートで左右の数値を比較して色判別させたい 2 2022/06/06 18:33
- Windows 10 zoomで自分の顔の背景 3 2023/06/07 22:34
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- Excel(エクセル) iphonからone driveに保存してあるExcelを閲覧すると表示の仕方がちがうデータ 2 2022/12/21 13:51
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ホームページビルダー8で作成...
-
キングファイルの背表紙を作成...
-
カンマ区切り形式ではなく、セ...
-
txtファイル内の指定の単語の数...
-
パワーポイントで参照ページを...
-
<IFRAME>でコンテンツ部分のみ...
-
VBAでマルチページのページ指定...
-
adobe PDF リンク枠を消せますか
-
Teams もらったリンクを開いて...
-
エクセルVBAでマルチページの切...
-
リンクをアップデートするしな...
-
Wordチェックボックス作り方(...
-
画像へのリンク(URL)埋め込み
-
秀丸で改行タグ<br>を入れる方...
-
Yahooで検索すると「無題ドキュ...
-
パワーポイントの置き換えマクロ
-
UserForm.showでマルチページ1...
-
ドリームウィーバーでのホーム...
-
エクセルでアルファベット5段階...
-
エクセルで置換リストを別ブッ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
30fpsから60fpsに変換する方法
-
2ページにまたがる画像のダブ...
-
Aftereffectsキーフレームが勝...
-
HPビルダーでリンク先を別のフ...
-
フレームを解除したい
-
AviUtlでのフレーム間引きの方...
-
DVから一定時間ごとに静止画を...
-
フレームレート変更の仕組み
-
上のフレーム内のプルダウンメ...
-
HPビルダーV6 フレーム(3分割...
-
画像編集ソフトを探しています
-
Adobe Premiere でフレームサイ...
-
FC2でのフレームの作り方(超初...
-
ホームページビルダーのフレー...
-
Frashの地図作成について。
-
フレームで http:// を含むペ...
-
Dreamweaverで画面表示サイズを...
-
PowerDirector 13でのズームア...
-
NIVE使い方
-
ホームページ作成 フレーム ...
おすすめ情報