![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
他の方の質問&回答を見て、ページに影を付ける方法を知りました
(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?e8efa67)
No.2
- 回答日時:
わたしならこんな手順になります
1)あらかじめ #territory のCSS定義を作る
2)デザインビューですべて選択→挿入→
レイアウトオブジェクト→Divタグを挿入→IDを指定
* divタグの改行は「前、中間、後」に設定してあります
手順の問題ではないと思いますが、ソースを見ないと何とも言えません。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_02.png?e8efa67)
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で質問しましょう!
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・スタッフと宿泊客が全員斜め上を行くホテルのレビュー
- ・【大喜利】【投稿~8/27】 こんなガソリンスタンド二度と来るか!なぜそう思った?
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・【お題】動物のキャッチフレーズ
- ・【お題】甲子園での思い出の残し方
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・「それ、メッセージ花火でわざわざ伝えること?」
- ・自分用のお土産
- ・人生で一番お金がなかったとき
- ・一番好きなみそ汁の具材は?
- ・泣きながら食べたご飯の思い出
- ・ちょっと先の未来クイズ第1問
- ・ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
エクセルでサイズに合ったもの...
-
エクセルでサイズ指定でPOP...
-
Excel で等間隔で縦線を引きた...
-
バーコードのサイズは拡大縮小...
-
エクセルの行の幅がずれる
-
PDFへてのテキストボックスにて...
-
Excel セルの幅が合わない
-
敬語
-
【エクセルVBA】シェイプのサイ...
-
Excelの列や行の幅を表示...
-
ホームページビルダーで表の列...
-
Excelの列の幅(ピクセル)につい...
-
17インチワイドのパソコンラック
-
Excelで文字の幅を変える方法
-
Excel2016のセル幅について
-
Excel2003のVBAで、セルの幅・...
-
パソコンでランドルト環の作成...
-
指導要録のエクセルシートを作...
-
エクセルのワークシートの間隔...
-
CSSのtransform: translate(-50...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
エクセルでサイズに合ったもの...
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズ指定でPOP...
-
バーコードのサイズは拡大縮小...
-
PDFへてのテキストボックスにて...
-
Excel セルの幅が合わない
-
Excelの列や行の幅を表示...
-
道路幅を調べたいのですが
-
Excelで文字の幅を変える方法
-
エクセルの行の幅がずれる
-
パソコンでランドルト環の作成...
-
パソコンサイズが横30cm縦20cm...
-
Excelの列の幅(ピクセル)につい...
-
ホームページビルダーで表の列...
-
ワードで、横書きの数字を縦書...
-
Excel2003のVBAで、セルの幅・...
-
トートバッグの大きさで W300(2...
-
敬語
-
【エクセルVBA】シェイプのサイ...
-
ホームページビルダーで横幅に...
おすすめ情報