• 締切済み

ヘッダー背景に画像を入れたい

1.CSSというのは例えるならば、土地に区画を付けるものの事でしょうか?またそれに加え、先にカラーや文字などの設定を何らかの形で設定しておけば、HTMLでそのcssを記入すれば表示されるのでしょうか? 2.CSS単独でホームページ上に表現させる事は不可能なのでしょうか?または、一般的ではないですか? 3.HTMLと云うのは例えるならば、区画された土地に家を建てるようなことでしょうか? 4.本題に入りまして、ホームページの上の部分、ヘッダーと云う場所ですか?に800×300の画像を背景として入れたいのですが、挿入すると今までその場所にあったボタン類が全てその画像の下に置かれてしまいます。理想は今回挿入する画像の上にそれらボタンを置きたいのです。 恐らくそれらは、一つ一つの塊として認識されている為に、重ねる事が出来ないのだと思うのです。 CSSで設定すれば私の要求は解決できますか? 分かりづらいですが、大体のポイントでもいいのでお教えください。

みんなの回答

  • nori_007
  • ベストアンサー率35% (369/1048)
回答No.1

個別の質問にお答え出来ませんが。 html とは文章の構造を表し、CSS は飾り付けを付ける物と理解すれば良いと思います。決して区画ではありません。 まずは、html ありきであり、html で文章構造がちゃんと出来ていないと、CSS で表現できません。 >CSSで設定すれば私の要求は解決できますか? 申し訳ないのですが、この一文で CSS の認識を間違っています。 >理想は今回挿入する画像の上にそれらボタンを置きたいのです。 800×300の画像を背景に入れたいので有れば、バックグランド画像とすれば良いと思います。 出来る事であれば、html css をちゃんと学ぶ事をお勧めします。

raphael7
質問者

お礼

そうですね。 ネットじゃ目が疲れるので本を買って勉強します。 回答ありがとうございます。

関連するQ&A

  • テーブルに背景画像を入れたいのですが……

    CS5でホームページを作っていますが、CSSとかhtmlはまったくといっていいほど理解していません。 テーブルを挿入して組みあせているだけの初歩的な作り方なのですが、いろいろわからないことばかりです。 質問ですが、ページ全体への背景画像はできるのですが、テーブルに対する背景画像の設定は可能でしょうか。 下記のページのテーブル内の挿入画像をいくつか背景画像にして、その上にテキストを入れたいのです。 http://www.kajimaya.info/ http://ryukyugeino.jpn.com/ すみませんが、超初心者向きのご教示をいただければありがたいです。 どうかよろしくお願いします。

  • 画像を変化させる方法。

     現在CSSでホームページを作っています。ある画像の上にマウスを乗せた時、別の画像を表示させたいのですが、背景として、設定せず、Java Scriptも使わず、CSSかHTMLだけで設定することは可能なのでしょうか?可能であれば、その方法を誰か教えていただけますか?よろしくお願いします。

  • CSSで背景画像の上にラジオボタンを配置したい

    画面のある一部分に背景画像があり(背景画像もCSSで配置したい)、 その背景画像の上にラジオボタンを配置したいのですが、これはCSSで実現できますか? もし可能でしたら具体的なコード(htmlとCSS)を教えていただきたいです。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • アメブロのヘッダー画像について教えていただけませんか?

    アメブロのヘッダー画像について教えていただけませんか? http://ameblo.jp/lifechanging/ 上記のブログなのですが、最初の設定では ヘッダー画像が出ていたのですが、タイトルと 説明文を消したかったので、下記のタグを 張りました。 #header h1{ display:none; /* 表示しない */ } #header h2{ display: none; /* 表示しない */ } ■CSS編集できないスキンの場合フリープラグインへ追加 <style type="text/css"> #header h1{ display:none; /* 表示しない */ } #header h2{ display: none; /* 表示しない */ } </style> すると、タイトルと説明文は消えたのですが、ヘッダー画像まで 消えてしまって。。。 どうすれば表示されますでしょうか。 アメブロやcssなどに詳しい方おられましたら ご教授をお願いできますと幸いです。 どうかよろしくお願いいたします。

  • ヘッダー画像固定のもう一枚画像を重ねる

    ホームページ作成初心者です。(ビルダーでなく手打ちの作成方法です。)ヘッダー画像上部固定をしていまして、さらにセンタリングもして全体を中央寄せしてます。そのヘッダー画像にもう一枚リンク用の画像をヘッダー画像右側に重ねたいのですが、重ねると、重ねた画像に対して、ヘッダー画像で効いている固定、中央寄せが反映されません。ズームアウトするとどんどんその重ねた画像のみ、遠ざかっていきます・・・・・・ 原因はDIVのヘッダーの部分が100%のwidthになっているため、重ねる画像のposition:absolute;で場所を指定すると、ズームアウトしていくことにより、ずれが生じてくるのかなと思っています。 かと言ってヘッダー画像を本来の画像の大きさのPXの幅にすると上部で固定はできますが、センタリングが効かなくなります・・・ ヘッダー上部固定センタリング効かせつつ、リンク用の小さい画像をそのヘッダー画像に重ねる方法(そのリンク画像はそのヘッダー画像の決められた位置で固定)を知っておられる方、お知恵を拝借できませんでしょうか。 宜しくお願い申し上げます。

  • タイトルのところへ背景画像を入れたい

    ブログのデザインはカストマイズ出来るとありますね。(goo ブログ) お恥ずかしい話、CSSについて知識がありません。ブログのタイトル のところへ、背景画像を挿入したいのです。 「GOOブログでCSS編集」を見ると、ページ全体の背景色、背景画像の設定とあり、どうもそこから背景画像を挿入したらいいようなのだが、素人の悲しさ、どこをどうしたらいいのやら、さっぱり分かりません。タイトルのところへ画像を入れるやり方、教えてください。

  • WORDヘッダーに原サイズの画像を挿入したい

    WORD2003を使っています。 ヘッダー部分に画像挿入したいのですが、 挿入すると、画像が余白部分にはみ出ないように自動で圧縮された状態で 貼り付けされてしまいます。 本文にはきちんと余白を設けたいのですが ヘッダーには、用紙の左右ギリギリまでの画像を挿入したデザインにしたいと考えています。 挿入後、圧縮された画像を大きくすることは可能なのですが、 一度圧縮されているので、画像が汚くなってしまうことを懸念しています。 設定方法で、画像挿入の際にサイズの制限を受けないようにすることが可能なのでしょうか? ご教授いただければ幸いです。 何卒よろしくお願いいたします。

  • 画像が入れ替わり、またボタンで画像を選べるヘッダー

    最近ヘッダー画像の入れ替えがFLASHではないものが増えていますよね。 http://jbl.harman-japan.co.jp/ このように、画像が自動で入れ替わりまた下のボタン(上のページは横長のボタン)をクリックすると自分で画像の表示を変えられるようなものはどうやって作るのでしょうか? フォームなどがあるのでしょうか? 上のページはふわっと入れ替わりますが、横スライドで入れ替わるものもありますよね。 ご存知の方いらっしゃいましたら、よろしくお願い致します。 JavaScriptではないかと思いましたので、取り合えずそのカテゴリーにしておきました。

  • ワードのヘッダに画像と文字を入れたいが・・・

    ワードのヘッダに画像と文字を入れたいと思っています。 ヘッダ左側に会社のロゴ(jpg)、右側に会社名・住所、電話、FAX番号を4段で記載したいのですが、挿入が出来ません。 画像に関しては左右どちらにでも配置することが出来るのですが、 文字部分をどうしても右寄せ4段にする事が出来ません。 文字の間に画像が入ったりしてしまいます。 どのような方法で設定すればよいのでしょうか?

  • AFFINGER6のヘッダーエリアの高さCSS

    環境 Wordpress 6.0.2 AFFINGER6 AFFINGER6のレイアウトのブラウザ上端から94pxの高さの画像(写真)をいれたいのですが、図の青いバーを越えて、投稿(本文/記事)近に画像の下端が来ていました。 そこでヘッダーに使用されている領域に色をつけてみたところ、図のように緑色の範囲が存在していることがわかりました。 【質問】 このうち、赤い枠で囲った範囲は不要で、上端から94pxの高さにピッタリと画像をいれたいと考えました。 【やったこと】 設定項目で探して設定したものは、図の下半分にあるように |Wordpress |外観>ヘッダー>・各メニュー設定>ヘッダー画像 |「ヘッダー画像エリア」 |AFFINGER管理>ヘッダー>ヘッダーエリア |「PCのみ」 をみつけ、そこに高さの数値(94)を入力しましたが、赤い枠のエリアは消えません。 外観>テーマファイルエディターから、 CSS(style.css) を開き「/** ヘッダー画像」と書かれている項目もみてみましたが、CSSを書き換える箇所がみつけられません。 AFFINGER6を購入してまだ日が浅いのでわかっていない箇所も多いのですが、どこ/どの設定を編集したら、図の赤いエリアは消える(ヘッダー画像は上から94pxのみに設定)できるでしょうか? (スマホ表示も同様にしたいのですが、とりあえず今はPCブラウザーでの表示設定について質問させていただきます)

専門家に質問してみよう