![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
他の方の質問&回答を見て、ページに影を付ける方法を知りました
(1)Fireworksで幅20ピクセル、縦30ピクセルの影の画像を作りました。
(2)terriroryタグ(幅:770、背景色:白)で囲んだコンテンツの背景画像として、水平位置750ピクセル、垂直位置0、リピートは縦方向に設定してこの画像を挿入しました。
(3)作成画面では、きれいに770ピクセルにおさまり、縦に影らしく表示されました。ステータスバーのterritoryタグを
クリックすると影の画像もterritory内に囲まれていることが確認できます。
(4)でもプレビューで見ると影はついていません。
「全てを保存する」してみても変わりません。
他を変更してプレビューしてみるときちんと変更されたものが表示されます。
どこかの設定がおかしいのでしょうか...。
Bodyは背景色を薄い青にしています。幅は自動です。
マージン、余白は0にしています。関係ないですかね。
どなたか教えてください~!おねがいします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_02.png?8acaa2e)
No.2
- 回答日時:
わたしならこんな手順になります
1)あらかじめ #territory のCSS定義を作る
2)デザインビューですべて選択→挿入→
レイアウトオブジェクト→Divタグを挿入→IDを指定
* divタグの改行は「前、中間、後」に設定してあります
手順の問題ではないと思いますが、ソースを見ないと何とも言えません。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_02.png?8acaa2e)
No.1
- 回答日時:
こんな感じですか?
body {
margin:0px;
padding:0px;
background-color:#f3fcff;
}
#terrirory {
width:770px;
background-image:url(img/bg.gif);
background-repeat:repeat-y;
background-position:750px 0px;
background-color:#ffffff;
}
#content {
width:750px;
}
<div id="terrirory">
<div id="content">
ああああああああああああああああああああああああ
</div>
</div>
この回答への補足
ご回答ありがとうございます。
はい、bodyとterritoryはほぼそんな感じですが、#contentsタグは作っていません。カタカナでコンテンツと書いてしまったのが紛らわしかったですね、すみません。「内容すべて」という意味で書きました。
私がしたことは、ページを新しく作る際に、レイアウトモードで幅750ピクセルのテーブルを作り、「編集」→「すべてを選択」して#territoryタグを挿入しました。そして、テーブルの中にセルやCSSを使って内容を作成しました。そして、テーブルの終わる位置(750ピクセル)から、幅20ピクセルの影の画像を配置した、という感じです。
作成画面ではぴったり770に収まって影の画像が挿入されるのに、プレビューでは表示されません。プレビューではその20ピクセル幅のところに、territoryで設定した背景色が表されていました。
背景画像より背景色の方が優先されるのですか?そんなわけないですよね。すみません、初心者です。
作り方、間違っていますでしょうか…?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) Excelでこういうカードの作り方 枠線の引き方や、挿入画像の拡大縮小など わかる方教えてください、 2 2022/05/03 21:22
- Visual Basic(VBA) ChatGPTに作らせたい Excel VBA 1 2023/04/05 19:56
- フリーソフト GIMPの使い方 1 2022/07/11 13:52
- Windows 8 Route Generator の使い方 1 2023/05/03 00:36
- その他(ソフトウェア) ペイントで切り抜いた画像の背景を透明に 2 2022/09/15 10:20
- Excel(エクセル) excelの列幅高さが勝手に変わる(特定のPCだけ) 8 2022/07/14 16:51
- デジタルカメラ 録画した4K動画を、フルピクセルで再生したい 5 2023/05/10 00:05
- Windows 10 壁紙フォルダが表示されない 1 2022/11/16 21:58
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
道路幅を調べたいのですが
-
エクセルでサイズ指定でPOP...
-
エクセルでサイズに合ったもの...
-
Excel セルの幅が合わない
-
バーコードのサイズは拡大縮小...
-
PDFへてのテキストボックスにて...
-
Excelで文字の幅を変える方法
-
パソコンでランドルト環の作成...
-
エクセルの行の幅がずれる
-
Excelのヒストグラム
-
【エクセルVBA】シェイプのサイ...
-
エクセルVBAで列幅設定
-
敬語
-
Excelの列や行の幅を表示...
-
Excel で等間隔で縦線を引きた...
-
パソコンサイズが横30cm縦20cm...
-
ホームページビルダーで表の列...
-
Excelの列の幅(ピクセル)につい...
-
htmlでテーブル内にテキストボ...
-
CSSのtransform: translate(-50...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
エクセルでサイズに合ったもの...
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズ指定でPOP...
-
丸メガネが似合うようにするに...
-
PDFへてのテキストボックスにて...
-
ホームページビルダーで表の列...
-
Excel セルの幅が合わない
-
バーコードのサイズは拡大縮小...
-
パソコンでランドルト環の作成...
-
Excelの列や行の幅を表示...
-
Excelで文字の幅を変える方法
-
Excelの列の幅(ピクセル)につい...
-
道路幅を調べたいのですが
-
パソコンサイズが横30cm縦20cm...
-
敬語
-
エクセルの行の幅がずれる
-
A4の紙をきれいに3等分に折...
-
Excel2003のVBAで、セルの幅・...
-
【エクセルVBA】シェイプのサイ...
-
17インチワイドのパソコンラック
おすすめ情報