質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

受付中

HTMLファイル2ページ目の css 背景画像だけ設定できない

削除済ユーザー
削除済ユーザー

総合スコア0

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0回答

-1評価

0クリップ

666閲覧

投稿2020/03/22 04:38

前提・実現したいこと

WEB制作を独学で勉強中です
背景画像が設定できません

発生している問題・エラーメッセージ

HTMLファイル2ページ分の設定を1つのcss外部ファイルで行っているんですが
1ページ目はうまく背景設定できたのですが、
2ページ目の背景画像設定だけできません

エラーメッセージ

### 該当のソースコード ```ここに言語名を入力 HTML、css ソースコード @charset "utf-8"; body { margin: 0; padding: 0; background-color: #cccccc; font-size: 15px; line-height: 2; } p,h1,h2,h3,h4,h5,h6, { margin-top: 0; } img { vertical-align: bottom; } ul { margin: 0; padding: 0; } a { color: #3583aa; text-decoration: none; } a:visited { color: #788d98; } a: hover { text-decoration: underline; } header { width: 960px; height: 100px; margin: 0 auto; } .logo { float: left; margin-top: 50px; } .global-nav { float: right; margin-top: 60px; } .global-nav li { float: left; margin: 0 20px; font-size: 20px; list-style: none; font-family: 'Bitter',serif; } .global-nav li a { color: #ffffff; } .global-nav li a:hover { border-bottom: 2px solid #ffffff; padding-bottom: 3px; text-decoration: none; } #wrap { clear: both; } .content { width: 960px; margin: 0 auto; } footer { text-align: center; color: #ffffff; padding: 20px 0; } footer small { font-size: 12px; } #index h1 { font-size: 100px; line-height: 1; color: #ffffff; font-family: 'Bitter',serif; margin-bottom: 50px; } #index .content { margin-top: 150px; } #index p { font-size: 16px; color: #ffffff; } .btn a { background-color: #009cd3; color: #ffffff; font-size: 20px; font-family: 'Bitter',serif; width: 185px; display: block;; text-align: center; line-height: 50px; margin-top: 20px; border-radius: 5px; border: 3px solid #009cd3; } .btn a: hover { text-decoration: none; background-color: #ffffff; color: #009cd3; } #index footer { width: 960px; margin: 150px auto 0 auto; text-align: left; } #index { background-image: url(../images/index.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover } #about { background-image: url(../images/bg-about.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-size: 100% auto; } ### 試したこと link 設定は背景画像以外は設定できるのでできていると思い コードの書き間違いはちゃんと設定できている1ページ目のコードをコピペしてパスも書き換えたと思います。 どのようなことができてないのかもわからなくなってきました 考えをお聞かせください。 ### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください。

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

m.ts10806
m.ts10806

2020/03/22 04:47

コードはマークダウンのcode機能を利用してご提示ください。 ```ここに言語名 ここにコード ``` です。ファイルが別でしたらブロックもわけてください。 また、htmlも提示し、画像を含めた構造がわかる情報もご提示ください
m.ts10806
m.ts10806

2020/03/22 05:17

質問編集してって書いただけで退会とは。なにゆえ。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。