- ベストアンサー
ヘッダー画像がサイドバーまで伸びる
神崎 渉瑠（@taloo）の回答
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2281)
背景がぴったり合うようなサイズで画像を作り、それぞれの要素の背景に指定してください。 <div style="background: black url(画像) 0 0 no-repeat;">コンテンツ</div> <div style="background: black url(画像) 0 0 no-repeat;">サイドバー</div> または 全部を囲むラッパーを作って、ラッパーに背景画像を指定してください。 <div style=" background: black url(画像) 0 0 no-repeat;> <div>コンテンツ</div> <div>サイドバー</div> </div> コンテンツとサイドバーに背景を指定しなければ、ラッパーの背景が透けて見えます。
関連するQ&A
- ヘッダやサイドバーの共有
現在、Webコンテンツのヘッダやサイドバーを、SSIのinculdeを利用して、ひとつのファイルを複数のページから読み込んでいます。 SSI,CGI,PHPなどを使用できないサーバにおいて、それらを実現するために、JavaScriptを利用しようと思います。 JavaScriptは使用したことがないので、これから覚えようとしているところです。 検索などをしても、自分のやりたいことについて直接書かれているサイトなどはうまく見つかりませんでした。 自分で調べた結果、document.write()で書き込めば実現できるのかなぁと思いました。 自分でもいろいろ試してみる予定ですが、このようなケースのスタンダードな方法、スマートな方法はあるのでしょうか？ ソースなどを提示してくださればありがたいですが、簡単な説明だけでもいただけると、勉強する効率もあがります。 以上、よろしくお願いします。
- 締切済み
- JavaScript
- phpでヘッターやサイドバーを読みこむ方法について
Webサイトを作成したのですが、ページ数も多くなってきて管理が大変になりました。 そこで、ヘッダーやサイドバー、フッターを外部ファイルにし、phpで読みこむ方法というものをやってみたいと思っております。 一応、問い合わせフォームはphpで作成してあるので、またphpに挑戦したいと思っております。 そこで、気になることがるのですが、ヘッダーやサイドバー、フッターを外部ファイルにする場合、現状のhtmlで記述してあるままで3つに細分化して外部化すれば問題ないでしょうか？ また、ファイル名の拡張子はhtmlのままで良いでしょうか？ そして、読みこみ元のファイルの拡張子はphpだと思うのですが、中身としてはどのようなコードを使って読みこめば良いのでしょうか？
- ベストアンサー
- PHP
- サイドバーのガジェットについて
http://www.microsoft.com/japan/windowsvista/features/foreveryone/sidebar.mspx このサイトの画像にはサイドバーにごみ箱があります。 どのような設定をすればごみ箱がサイドバーに入れるのかわからないので詳しい方教えてください。よろしくお願いいたします。
- 締切済み
- Windows Vista
- HTMLのヘッダ-（フッター）共通化で困っています
ＨＴＭＬとJavascriptは初心者の部類です。 仕事上、ある元のHTML（index.html）のヘッダー部分を取り出し、別のHTML（header.html）に書き込み、何らかの方法で元HTMLへ、先程取り出して新しく作ったHTMLの内容を引き込めないか考えています。（他にも何枚もあるHTMLファイルのヘッダ部分を一度に共通化したい為。）ネットをぐるぐるさがして、phpやSSIなる技術を使うと簡単に出来るよと書いてありますが、サーバーの設定をいじらなければならないので、今はあえて触れていません。いろいろ探して、以下のサイトにJavascriptを利用して、別ＨＴＭＬを引き込むスクリプトを発見したので、早速試してみました。 参照サイト:http://d.hatena.ne.jp/kenpoco/20080501/1209636103 ＨＰ編集用に、フリーソフトのＨＰＰｒｏｊｅｃｔ2を利用しているのですが、そちらのビュー機能では正常に表示されるところまで作成できました（リンクや画像、CSS等も生きてます）。ただ、肝心のブラウザで見た時に、うまく読み込まれませんでした。 別の方法で、以下のサイトの方法も試してみました。 参照サイト:http://tani.dank-hearts.com/2008/03/javascripthtml.html こちらに関しては、ビュー機能内でも正常に表示されず、header.html内の内容がそのまま文字列として出力されてしまったり、文字化けしてしまったりしました。 こちらの都合でソースコードを上げることができないので、説明不足かもしれませんが、同じような問題に遭遇した方や、なにか他に注意するべきことがあることをご存知の方がいらっしゃりましたら、お知恵をお貸しいただければとても助かります。よろしくお願い致します。 （プログラミング経験ですが、C言語はひと通り勉強しています）
- ベストアンサー
- HTML
- ヘッダーの画像表示について
下記のサイトのヘッダー部分に当たる画像がどのように表示されているのか分かりません。 単純に画像を配置しているのかと思いましたが、右クリックで画像の保存もできず、ソースコードは<divid=animal,class=png>となっているようです。 これはどのような配置方法となっておりのでしょうか？ http://kanahapi.com/
- ベストアンサー
- その他（インターネット・Webサービス）
- fc2ブログのヘッダ画像の変え方
自分で色々調べたのですが #header{ ～～～ （画像url） などHTMLを編集するとき上記のHTMLが見つかりません；； あと、ヘッダ画像にリンクも付けたいです。 テンプレートはsnowというものです
- 締切済み
- ブログ
- ライブドアブログのサイドバーに画像を沢山並べたいんです
ライブドアブログでアフィリエイトをやっています。 商品の画像をサイドバーに、沢山上から下までズラッと貼ってあるサイトをよく見るので、自分もやってみたいのですがやり方が全く分かりません。 難しいテクニックが必要なら出来そうもありませんが、出来ればやってみたいです。 今の自分のブログのテンプレートは、サイドバーが左に一つだけあるタイプなのですが、右にサイドバーを作って、そこに画像を並べたいです。 ｏｓはｗｉｎｄｏｗｓＸＰです。よろしくお願いします。
- ベストアンサー
- ブログ
- FC2ブログのヘッダー画像の上にサイトタイトル文字を重ねたい
FC2ブログのヘッダー画像の上にサイトタイトル文字を重ねたい FC2ブログのヘッダー画像の上にサイトタイトル文字を重ねたいのです。 添付の画像のように 今はサイトタイトルのところで ヘッダー画像が割れています。 ヘッダー画像の上にサイトタイトルを重ねたいと思っています。 ＨＴＭＬやスタイルシートの編集だと思うのですが 方法を教えてください。
- ベストアンサー
- ブログ
- アメブロのブログのサイドバーに画像を貼る方法は？
アメブロのブログのサイドバーに画像を貼る方法がわかりません。 ブログのサイドバーに、バナーやイラストなどの画像を貼りたいのですが 記事を書くときのように、画像を挿入するボタンがなく どうすれば良いのかわかりません。 解説してるサイトなどがあったら教えてください。 よろしくお願いします。
- ベストアンサー
- ブログ