質問するログイン新規登録

回答編集履歴

5

修正

2020/05/01 21:07

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -34,12 +34,12 @@
34
34
  権限の問題のようなので追記:
35
35
  ![イメージ説明](e8bfde656b3b00833251acc78b13d6ca.png)
36
36
 
37
- [3-1] Mac (もしくはWindows) の設定により「everyone」にアクセス権を付与
37
+ **[3-1] Mac (もしくはWindows) の設定により「everyone」にアクセス権を付与**
38
38
  [https://support.apple.com/ja-jp/guide/mac-help/mchlp1203/mac](https://support.apple.com/ja-jp/guide/mac-help/mchlp1203/mac)
39
39
 
40
- [3-2] Adobe製品を利用できるなら、PhotoshopやXDで開いて「別名で保存」
40
+ **[3-2] Adobe製品を利用できるなら、PhotoshopやXDで開いて「別名で保存」**
41
41
 
42
- [3-3] Macのターミナルによりアクセス権を付与
42
+ **[3-3] Macのターミナルによりアクセス権を付与**
43
43
  ```
44
44
  cd ファイルがあるフォルダのパス
45
45
  chmod 664 airbnb.png

4

アクセス権を付与する方法を、取り急ぎ追記しました。

2020/05/01 21:07

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -31,4 +31,16 @@
31
31
  WindowsもMacも、ファイルを右クリックして設定を変更することで挙動が変わるので、
32
32
  [1]と[2]でうまく行かない場合は調べてみてください。
33
33
 
34
+ 権限の問題のようなので追記:
34
- ![イメージ説明](e8bfde656b3b00833251acc78b13d6ca.png)
35
+ ![イメージ説明](e8bfde656b3b00833251acc78b13d6ca.png)
36
+
37
+ [3-1] Mac (もしくはWindows) の設定により「everyone」にアクセス権を付与
38
+ [https://support.apple.com/ja-jp/guide/mac-help/mchlp1203/mac](https://support.apple.com/ja-jp/guide/mac-help/mchlp1203/mac)
39
+
40
+ [3-2] Adobe製品を利用できるなら、PhotoshopやXDで開いて「別名で保存」
41
+
42
+ [3-3] Macのターミナルによりアクセス権を付与
43
+ ```
44
+ cd ファイルがあるフォルダのパス
45
+ chmod 664 airbnb.png
46
+ ```

3

追記しました。ご確認お願いします。

2020/05/01 20:38

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -29,4 +29,6 @@
29
29
  特にネット上から拾ってきた画像の場合、権限の問題でブラウザで表示できない場合もあります。
30
30
 
31
31
  WindowsもMacも、ファイルを右クリックして設定を変更することで挙動が変わるので、
32
- [1]と[2]でうまく行かない場合は調べてみてください。
32
+ [1]と[2]でうまく行かない場合は調べてみてください。
33
+
34
+ ![イメージ説明](e8bfde656b3b00833251acc78b13d6ca.png)

2

修正

2020/05/01 14:12

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -7,11 +7,10 @@
7
7
 
8
8
  `background-image: url(airbnb.png);`だと、CSSファイルと「airbnb.png」が同じフォルダ内にないとCSS側が認識できません。
9
9
 
10
- ![イメージ説明](e6d96b9d6aa1c9ed6623c6fc2f8f1ab5.png)
10
+ ![イメージ説明](43fee0075d6995b2fb427c6967954b3e.png)
11
11
 
12
- ![イメージ説明](4646917a2a286b99f7d9eaf4628faae8.png)
12
+ ![イメージ説明](fddf02eefe435320786b202b4c71a5d0.png)
13
13
 
14
-
15
14
  ### [2] 要素の高さが「0」になっている
16
15
 
17
16
  要素の高さが「0」の場合、画面には何も表示されません。

1

修正

2020/04/30 22:24

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -5,7 +5,7 @@
5
5
  HTMLファイルとCSSファイルとでフォルダの階層位置が異なる場合、
6
6
  HTMLファイル側で表示できたパスをそのままCSSファイルに持っていっても表示されません。
7
7
 
8
- `background-image:url(airbnb.png);`だと、CSSファイルと「airbnb.png」が同じフォルダ内にないとCSS側が認識できません。
8
+ `background-image: url(airbnb.png);`だと、CSSファイルと「airbnb.png」が同じフォルダ内にないとCSS側が認識できません。
9
9
 
10
10
  ![イメージ説明](e6d96b9d6aa1c9ed6623c6fc2f8f1ab5.png)
11
11
 
@@ -19,7 +19,7 @@
19
19
 
20
20
  ```CSS
21
21
  .background-image{
22
- background-image:url(airbnb.png);
22
+ background-image: url(airbnb.png);
23
23
  height: 100px; /* 追加してみてください */
24
24
  }
25
25
  ```