質問編集履歴
15
画像の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
2
|
前回の質問で、誤った情報を載せてしまったので、サポートチームに伏せ字にして頂きました。改めて質問いたします。
|
|
3
3
|
|
|
4
4
|
HTML,CSSの基本について学習している初心者です。background-imageプロパティを使用して画像を設置したいのですが、cssが反映されません。
|
|
@@ -23,8 +23,11 @@
|
|
|
23
23
|
|
|
24
24
|
c3-10-1
|
|
25
25
|
|
|
26
|
-
|
|
27
26
|
|
|
27
|
+
devtool リスト
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
28
31
|
|
|
29
32
|
何が原因か教えて頂けたらと思います。よろしくお願いします。
|
|
30
33
|
|
14
画像の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
2
|
前回の質問で、誤った情報を載せてしまったので、サポートチームに伏せ字にして頂きました。改めて質問いたします。
|
|
3
3
|
|
|
4
4
|
HTML,CSSの基本について学習している初心者です。background-imageプロパティを使用して画像を設置したいのですが、cssが反映されません。
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
|
|
24
24
|
c3-10-1
|
|
25
25
|
|
|
26
|
+
|
|
26
27
|
|
|
27
28
|
|
|
28
29
|
何が原因か教えて頂けたらと思います。よろしくお願いします。
|
13
画像の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -24,8 +24,6 @@
|
|
|
24
24
|
c3-10-1
|
|
25
25
|
|
|
26
26
|
|
|
27
|
-
↓F12 開発者ツールの ネットワークを開いたときから の ネットワーク通信を リスト
|
|
28
|
-
|
|
29
27
|
|
|
30
28
|
何が原因か教えて頂けたらと思います。よろしくお願いします。
|
|
31
29
|
|
12
画像の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
c3-10-1
|
|
25
25
|
|
|
26
26
|
|
|
27
|
-
|
|
27
|
+
↓F12 開発者ツールの ネットワークを開いたときから の ネットワーク通信を リスト
|
|
28
|
-
|
|
29
29
|
|
|
30
30
|
何が原因か教えて頂けたらと思います。よろしくお願いします。
|
|
31
31
|
|
11
画像の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -24,6 +24,9 @@
|
|
|
24
24
|
c3-10-1
|
|
25
25
|
|
|
26
26
|
|
|
27
|
+
Desktop > style.css
|
|
28
|
+
|
|
29
|
+
|
|
27
30
|
何が原因か教えて頂けたらと思います。よろしくお願いします。
|
|
28
31
|
|
|
29
32
|
|
10
画像修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -22,7 +22,8 @@
|
|
|
22
22
|
講座」を使用しています。これは、サンプルファイルがダウンロードできるようになっており、該当フォルダに必要なファイルはすべて含まれています。なので、このファイルをベースに必要な編集やファイルの配置方法を真似してきましたが、相対パスで画像が反映されない状況です。
|
|
23
23
|
|
|
24
24
|
c3-10-1
|
|
25
|
-
|
|
26
|
+
|
|
26
27
|
何が原因か教えて頂けたらと思います。よろしくお願いします。
|
|
27
28
|
|
|
28
29
|
|
9
画像修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
HTML,CSSの基本について学習している初心者です。background-imageプロパティを使用して画像を設置したいのですが、cssが反映されません。
|
|
5
5
|
以下実際に作業しているコードを貼り付けます。（WCBカフェのフォルダ）
|
|
6
6
|
↓css
|
|
7
|
-
|
|
8
8
|
↓html
|
|
9
9
|
|
|
10
10
|
エディターの下欄に「ワークスペースで問題は検出されていません」と表示されているのと、絶対パスでは画像は反映されるので、問題は相対パスの位置関係にあると考えてます。
|
|
@@ -22,8 +22,7 @@
|
|
|
22
22
|
講座」を使用しています。これは、サンプルファイルがダウンロードできるようになっており、該当フォルダに必要なファイルはすべて含まれています。なので、このファイルをベースに必要な編集やファイルの配置方法を真似してきましたが、相対パスで画像が反映されない状況です。
|
|
23
23
|
|
|
24
24
|
c3-10-1
|
|
25
|
-
|
|
26
|
-
|
|
27
26
|
何が原因か教えて頂けたらと思います。よろしくお願いします。
|
|
28
27
|
|
|
29
28
|
|
8
文章修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
HTML,CSSの基本について学習しているのですが、background-imagプロパティで指定したCSSが反映されない
|
|
1
|
+
(改)HTML,CSSの基本について学習しているのですが、background-imagプロパティで指定したCSSが反映されない
|
test
CHANGED
|
File without changes
|
7
文章修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -20,6 +20,8 @@
|
|
|
20
20
|
|
|
21
21
|
参考書は「１冊ですべてが身につHTML&CSSとWebデザイナー入門
|
|
22
22
|
講座」を使用しています。これは、サンプルファイルがダウンロードできるようになっており、該当フォルダに必要なファイルはすべて含まれています。なので、このファイルをベースに必要な編集やファイルの配置方法を真似してきましたが、相対パスで画像が反映されない状況です。
|
|
23
|
+
|
|
24
|
+
c3-10-1
|
|
23
25
|
|
|
24
26
|
|
|
25
27
|
何が原因か教えて頂けたらと思います。よろしくお願いします。
|
6
文章修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
|
|
4
4
|
HTML,CSSの基本について学習している初心者です。background-imageプロパティを使用して画像を設置したいのですが、cssが反映されません。
|
|
5
5
|
以下実際に作業しているコードを貼り付けます。（WCBカフェのフォルダ）
|
|
6
|
+
↓css
|
|
6
|
-
|
|
7
|
+
|
|
8
|
+
↓html
|
|
9
|
+
|
|
10
|
+
エディターの下欄に「ワークスペースで問題は検出されていません」と表示されているのと、絶対パスでは画像は反映されるので、問題は相対パスの位置関係にあると考えてます。
|
|
7
11
|
|
|
8
|
-
↓html
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
エディターの下欄に「ワークスペースで問題は検出されていません」と表示されているのと、絶対パスでは画像は反映されるので、問題は相対パスの位置関係にあると考えてます。
|
|
12
12
|
【絶対パスのURL】
|
|
13
|
-
style.cssは /Users/ユーザー名/WCBカフェ/style.css bg.pngは /Users/ユーザー名/WCBカフェ/images/bg.png
|
|
13
|
+
style.cssは /Users/ユーザー名/WCBカフェ/style.css bg.pngは /Users/ユーザー名/WCBカフェ/images/bg.png
|
|
14
14
|
|
|
15
15
|
また
|
|
16
16
|
background-image: url('../images/bg.png');
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
参考書は「１冊ですべてが身につHTML&CSSとWebデザイナー入門
|
|
22
22
|
講座」を使用しています。これは、サンプルファイルがダウンロードできるようになっており、該当フォルダに必要なファイルはすべて含まれています。なので、このファイルをベースに必要な編集やファイルの配置方法を真似してきましたが、相対パスで画像が反映されない状況です。
|
|
23
|
-
|
|
24
24
|
|
|
25
25
|
何が原因か教えて頂けたらと思います。よろしくお願いします。
|
|
26
26
|
|
5
内容の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
前回の質問で、
|
|
2
|
+
前回の質問で、誤った情報を載せてしまったので、サポートチームに伏せ字にして頂きました。改めて質問いたします。
|
|
3
3
|
|
|
4
4
|
HTML,CSSの基本について学習している初心者です。background-imageプロパティを使用して画像を設置したいのですが、cssが反映されません。
|
|
5
5
|
以下実際に作業しているコードを貼り付けます。（WCBカフェのフォルダ）
|
4
css画像が反映されない
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,19 +1,30 @@
|
|
|
1
|
-
HTML,CSSの基本について学習しているのですが、background-imageプロパティを使用して画像を設置したいのですが、cssが反映されません。
|
|
2
1
|
|
|
3
|
-
|
|
2
|
+
前回の質問で、個人情報を記載してしまったので、サポートチームに伏せ字にして頂きました。改めて質問いたします。
|
|
4
3
|
|
|
4
|
+
HTML,CSSの基本について学習している初心者です。background-imageプロパティを使用して画像を設置したいのですが、cssが反映されません。
|
|
5
|
-
以下実際に作業しているコードを貼り付けます。
|
|
5
|
+
以下実際に作業しているコードを貼り付けます。（WCBカフェのフォルダ）
|
|
6
|
-
|
|
7
7
|
|
|
8
|
+
↓html
|
|
8
|
-
|
|
9
10
|
|
|
11
|
+
エディターの下欄に「ワークスペースで問題は検出されていません」と表示されているのと、絶対パスでは画像は反映されるので、問題は相対パスの位置関係にあると考えてます。
|
|
12
|
+
【絶対パスのURL】
|
|
13
|
+
style.cssは /Users/ユーザー名/WCBカフェ/style.css bg.pngは /Users/ユーザー名/WCBカフェ/images/bg.png
|
|
14
|
+
|
|
15
|
+
また
|
|
16
|
+
background-image: url('../images/bg.png');
|
|
17
|
+
background-image: url('images/bg.png');
|
|
10
|
-
|
|
18
|
+
background-image: url(./images/bg.png);
|
|
11
|
-
の階層位置が正確ではないのか教えていただきたいです。
|
|
12
|
-
|
|
19
|
+
と相対パスでの試みも一通りやってみましたが画像は反映されませんでした。
|
|
20
|
+
|
|
21
|
+
参考書は「１冊ですべてが身につHTML&CSSとWebデザイナー入門
|
|
22
|
+
講座」を使用しています。これは、サンプルファイルがダウンロードできるようになっており、該当フォルダに必要なファイルはすべて含まれています。なので、このファイルをベースに必要な編集やファイルの配置方法を真似してきましたが、相対パスで画像が反映されない状況です。
|
|
23
|
+
|
|
24
|
+
|
|
13
|
-
|
|
25
|
+
何が原因か教えて頂けたらと思います。よろしくお願いします。
|
|
14
|
-
|
|
26
|
+
|
|
15
27
|
|
|
16
28
|
※使用PCはMacBook
|
|
17
29
|
テキストエディターはVSCode
|
|
18
|
-
|
|
30
|
+
|
|
19
|
-
講座」です。
|
3
スクショを掲載する
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,9 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
ファイルパスの設置に問題あると思い、何度も参考書やYouTubeなどで調べてもやっても、反映されません。記述ミスは確認しているのでありません。
|
|
4
4
|
|
|
5
|
+
以下実際に作業しているコードを貼り付けます。
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
5
9
|
|
|
6
10
|
WCBカフェのフォルダー、CSSファイル、INDEX.HTML、img-bg.png
|
|
7
11
|
の階層位置が正確ではないのか教えていただきたいです。
|
|
12
|
+
ちなみに絶対パスだと反映することができました。
|
|
8
13
|
ご助言を頂けたらと思います。
|
|
9
14
|
よろしくお願いします🙇
|
|
10
15
|
|
2
相関パスについて
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,11 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
ファイルパスの設置に問題あると思い、何度も参考書やYouTubeなどで調べてもやっても、反映されません。記述ミスは確認しているのでありません。
|
|
4
4
|
|
|
5
|
-
以下、実際に書いてるパスとコードです。(参考書に沿って進めてるファイル名)
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
5
|
|
|
11
6
|
WCBカフェのフォルダー、CSSファイル、INDEX.HTML、img-bg.png
|
|
12
7
|
の階層位置が正確ではないのか教えていただきたいです。
|
|
@@ -17,6 +12,3 @@
|
|
|
17
12
|
テキストエディターはVSCode
|
|
18
13
|
参考書「1冊ですべてが身につくHTML&CSとWebデザイナー入門
|
|
19
14
|
講座」です。
|
|
20
|
-
|
|
21
|
-
以下、WCBフォルダーの下にindex.htmlを入れました
|
|
22
|
-
|
1
フォルダーの位置変更
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -17,3 +17,6 @@
|
|
|
17
17
|
テキストエディターはVSCode
|
|
18
18
|
参考書「1冊ですべてが身につくHTML&CSとWebデザイナー入門
|
|
19
19
|
講座」です。
|
|
20
|
+
|
|
21
|
+
以下、WCBフォルダーの下にindex.htmlを入れました
|
|
22
|
+
|