質問: 背景の画像を左上に一つ固定する方法 いつもお世話になっております。 web初心者です。環境はmac os 9.2、dreamweaver 4です。 タイトルの通り、背景の画像を左上に一つ固定する方法をどなたか教えてください。 ●左上に背景画像として各ページごと違う画像を入れたい。(大きさは同じ) ●テーブルやセルで画像を入れることはng(背景画像なので) ●リピートはしたくない。 下の方法をネットで得たのですが、 できればcssを使わずに作成したいのですが。 また、下の方法であればurlは相対パスでもできるのでしょうか。
回答: cssファイルは、html毎に作成するのではなく、1つ(とは言いませんが、少ない数)を、複数のhtmlで共有する使い方が賢い方法と思います。 そうすると、 body { background-color: #ffffff; margin: 0; } h1 { font-family: "ms ui gothic",osaka,sans-serif; font-size: 140%; color: #222222; } のような基本スタイルは、複数のページ(html)でも共通になると考えられるので、タグに対して設定します。 一方、サブコンテンツ(テーマ)毎に背景を変えたいなど、ページ毎にわずかな変化を持たせたい場合は、これだとうまくできないので、idを使用します。 ●cssは、 #back-image_favrite { background-image:url(../image/img001.gif); } #back-image_profile { background-image:url(../image/img002.gif); } ●htmlは、 のようになります。 idは基本的に、1ページに1つしか設定できない(複数のidを1ページで、各1つだけ設定するのは可能!)ので、ページ中で何回か設定する要素にはclassを使います。 ●cssは、 .block_href { width: 49%; margin: 0; padding: 2px; float: left; } ●htmlは、 目次 お知らせ こんな感じです。更に、 .block_href h1 { font-size: 80%; } のように、クラス属性の中の特定のタグにだけ、スタイルを設定することもできます。 長い内容になりましたが、説明はかなり端折りましたから、分かりにくいところも多分にあると思います。また、分からないところがあれば、ご質問ください(^_^)