- ベストアンサー
ブログのバナーの背景に2つ画像を入れたい
seesaaブログで小粋空間さんのテンプレートを使用しています。リキッドレイアウトです。 バナーの部分に背景となる画像をCSSで指定しています。 そしてバナーの左端にはブログのタイトルと説明があります。 ここからが質問なのですが、右端にバナーと同じ高さの画像を配置したいのですが どのような方法があるでしょうか？背景画像を二つ指定して重ねることなんて出来るのでしょうか？ もしくはバナーを左右で二つに区切ったりしなければいけないのでしょうか？ ご教授よろしくお願いいたします。
- mosh999999
- お礼率50% (9/18)
- CSS
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
＞img要素で記述というのはhtmlのバナー部分に直接記入すると言うことでしょうか。 そうなります。 CSSでの指定はあくまで背景画像なので、基本的にビジュアルとして見せる画像だったりする場合はimg要素での記述の方が適しています。 CSSで指定するにしても、その背景画像を指定する要素を同じようにHTML内に追加で配置しなくてはならないと思いますので、むしろ手間になってしまうかもしれません。
その他の回答 (1)
画像を載せる方法だといくらでもありますね・・・ 背景画像を2つ重ねるのはできないことはないのですが、そもそもimg要素で記述では駄目なのでしょうか？
お礼
こんにちは。 img要素で記述というのはhtmlのバナー部分に直接記入すると言うことでしょうか。 CSSで背景の指定みたいに、何か追加記述することでできればと思ったのですが。
関連するQ&A
- ブログの背景について
今、Seesaaブログを使っていて、 背景について困ってます。 今、二つある画像を重ねて背景に指定したいんです。 それでCSSは少し分かるので、 そこをいじって背景等の指定をしてるのですが、 どうしても背景を二重にするやり方が分からないのです。 どなたか御存知でしたら教えて下さい。 よろしく御願いします。
- ベストアンサー
- ブログ
- 背景色と画像を同時にのせる
背景画像を壁紙にし、その画像の上に文字を書きたいのですが、 画像と文字が入り混じって文字が見にくくなってしまいます。 そこで、画像は左右の端だけ残して（左右端合計で画像の幅が画面の40%くらいになるように）、 真ん中の60%くらいに、画像を張る前の白い状態にしたいと思うのですが、HTMLのタグがわかりませんorz タグを教えてほしいです。 よろしくお願いします。 ---------------------------- (画像左端{20%}) (何もない白い背景{60%}) (画像右端{20%}) (画像左端) (何もない白い背景) (画像右端) (画像左端) (何もない白い背景) (画像右端) (画像左端) (何もない白い背景) (画像右端) (画像左端) (何もない白い背景) (画像右端) (画像左端) (何もない白い背景) (画像右端) (画像左端) (何もない白い背景) (画像右端) (画像左端) (何もない白い背景) (画像右端) ↑こんな感じです
- 締切済み
- HTML
- FC2ブログで背景画像を任意の位置に貼れない
FC2ブログでオリジナルのテンプレートを作成しています。 CSSにて、背景画像を設定しようとしていますが、 配置設定がどうしてもうまくいきません。 画像を右下に配置させられるよう、 以下のように設定しました。 template.cssココカラ----------------------------------------------------- body { background : transparent url("http://blog-imgs-画像のURL") bottom right no-repeat; background-attachment:fixed; } template.cssココマデ----------------------------------------------------- 自分のパソコン上に作ったHTML・CSSでは、右下に配置してくれましたが、 FC2ブログのテンプレートに設定・反映したところ、 右上に配置されてしまいました。 InternetExproler9、GoogleChrome、FireFox3.6で動作を確認したところ、 正常に配置してくれたのはFireFoxだけでした。 この他に、background-positionで配置場所を個別に設定するなどしましたが、 どうしてもうまくいきませんでした。 ご助言をいただけますようお願いします。
- ベストアンサー
- CSS
- ブログの背景画像が崩れます。
ブログのテンプレートにCSSで左上・右下と、背景画像を2枚固定しました。 しかし全画面表示の時には問題ないのですがブラウザの大きさを変えると背景画像も一緒に動いてしまい画像が重なり合ってとても見づらくなってしまいます。 ブラウザが小さくなったら、下部に横スクロールを出して背景、コンテンツを固定したままにしたいのですがどうすればいいのでしょうか。 うまく説明出来なくて申し訳ありません。 宜しくお願い致します。
- ベストアンサー
- ブログ
- [CSS]リキッドレイアウト上で、floatさせたサイドバーの背景画像を高さ100%で敷き詰めたい
今ヘッダフッタ付きの3カラムブログデザインを作っています。 leftnaviとrightnavi（サイドバー/メニュー）の間にmaincontents（ブログのメイネントリ）が挟まるような、まあ一般的なブログデザインです。 で、質問なんですが、leftnaviとrightnavi（サイドバー/メニュー）に背景画像を敷き詰めたいんです。 ブログですので、基本的にはmaincontents（エントリ）の方がサイドバーよりもheightが大きくなってしまいます。 その際、サイドバーの背景が、記述されたメニューの部分までしか反映されません。これについて、エントリ部分の高さまで敷き詰める方法を教えて頂けませんでしょうか？ 色々調べたところ、（http://css-happylife.com/log/css-template/000028.shtml）こちらで、width固定デザインの際にcontainerに背景画像を指定する方法が紹介されていました。 ただ、今回お伺いしたいのは、containerのwidthを%指定するリキッドデザインの場合、です。左右のサイドバーにはそれぞれ別の背景画像を指定したいと考えているのですが、それは可能なのでしょうか？
- 締切済み
- HTML
- CSSでの背景画像の設定について
CSSでの背景画像の設定について質問です。 参照ページ（http://www.balmuda.com/jp/）のような、メニューバーやフッター部分の背景画像が画面いっぱいに広がるようなページを作成したいと思っているのですが、CSSでの配置で問題があったので質問させて頂きます。 以下のようなdivを作って、wrapper部分に背景画像を設定しました。 <topmenu-wrapper> メニューバー部分の背景画像を指定 <topmenu> margin0 auto;で画面中央に配置 <contents-wrapper> コンテンツ部分の背景画像を指定 <contents> margin0 auto;で画面中央に配置 <footer-wrapper> フッター部分の背景画像を指定 <footer> margin0 auto;で画面中央に配置 floatを使うまでは、思ったような表示が出来ていたのですが、 floatをcontentsの中などで指定し始めると、レイアウトが崩れてしまいました。 clearfixなどで、対処しても、レイアウトが崩れたままです。<margin: 0 auto;がきかず、画面中央に配置されなかったりと。。＞ 解決策を教えて頂ければ幸いです。よろしくお願い致します。
- ベストアンサー
- HTML
- CSSで背景画像設定
ページ自体はテーブルで位置を特定しています。 中央に750ピクセルのテーブルを配置しその中にコンテンツを入れています。 さて、背景画像を固定にしたいと思っています。 場所なのですが、ブラウザサイズに左右されない下部分・中心から375右の位置が右端になるようにしたいんです。 いわゆる「中央に750ピクセルのテーブルを配置しその下部分に画像を配置」した状態で、なおかつ固定としたいんです。 このような言い回しでわかっていただけたでしょうか? CSSで右下に配置ってのはやったことがあるのですが、「中央から375ピクセルの位置が右端」なんてことが可能なのでしょうか? 方法があれば教えてください。
- ベストアンサー
- HTML
- gooブログでサイドバーにバナーを貼る方法
いつもgooブログで記事を更新しているのですが、最近見たブログでサイドバー？にリンクのバナーが貼ってあるものがありました。 ｇｏｏブログはアドバンスと言うものを使用していて、いつも書く記事の両サイドにカレンダーやブックマークなどがあるテンプレートを使っているのですが、右のサイドバーの下のほうがあいているので、私のブログにもここにリンクのバナーが貼れない物かと試行錯誤していますが出来ません。 ＣＳＳでテンプレートの背景に写真を載せるなどはしたのですが、それ以上は良く分かりません。もし方法などございましたらお教え下さい。
- 締切済み
- ブログ
- バナーの背景画像は大きくても表示速度は遅くならない？
バナーの背景画像は大きいものが多いですが、そうすると表示速度は遅くなるのでしょうか？ それともブログだから関係ないのでしょうか。 よろしくお願いします。
- ベストアンサー
- ブログ
お礼
ありがとうございます。結局imgでHTMLに挿入して周りこみで画像は右、テキストは左。というふうに設定しました。