teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問Progate道場コースでわからないことがあります。

編集履歴

質問編集履歴

3

改善した

2020/03/09 02:19

投稿

yuta73
yuta73

スコア5

title CHANGED
File without changes
body CHANGED
@@ -1,7 +1,6 @@
1
- ###　どうしても進みません。
2
-
3
1
  Progate道場コースでここから先に進めません。
4
2
  どなたか教えて下さい。
3
+ HTML&CSS中級編道場コース　中級編復習　3.レッスン一覧部分を作ろう
5
4
 
6
5
  ### 発生している問題・エラーメッセージ
7
6
 
@@ -89,8 +88,120 @@
89
88
  </body>
90
89
  </html>
91
90
  ```
91
+ ```ここに言語を入力
92
+ /* CSSのリセット（消さないでください） */
93
+ html, body,
94
+ ul, ol, li,
95
+ h1, h2, h3, h4, h5, h6, p, div {
96
+ margin: 0;
97
+ padding: 0;
98
+ }
92
99
 
100
+ body {
101
+ font-family: 'Hiragino Kaku Gothic ProN W3', sans-serif;
102
+ }
103
+
104
+ li {
105
+ list-style: none;
106
+ }
107
+
108
+ a {
109
+ text-decoration: none;
110
+ }
111
+ .container {
112
+ width: 1170px;
113
+ background-size: cover;
114
+ margin: 0 auto;
115
+
116
+ }
117
+ /* ここからCSSを書いていきましょう */
118
+ .top-wrapper {
119
+ background-image: url(https://prog-8.com/images/html/advanced/top.png);
120
+ background-size: cover;
121
+ color: white;
122
+ padding: 180px 0px 100px 0px;
123
+ text-align: center;
124
+ }
125
+ .container h1 {
126
+ color: white;
127
+ opacity: 0.7;
128
+ font-size: 45px;
129
+ letter-spacing: 5px;
130
+ }
131
+ .container p {
132
+ color: white;
133
+ opacity: 0.7;
134
+ }
135
+ .signup {
136
+ background-color: #239b76;
137
+ margin-top: 23px;
138
+ opacity: 0.8;
139
+ }
140
+ .facebook {
141
+ background-color: #3b5998;
142
+ opacity: 0.8;
143
+ margin-right: 10px;
144
+ }
145
+ .twitter {
146
+ background-color: #5accee;
147
+ opacity: 0.8;
148
+ }
149
+ .btn {
150
+ display: inline-block;
151
+ padding: 8px 24px;
152
+ color: white;
153
+ border-radius: 4px;
154
+ }
155
+ .btn p {
156
+ margin: 15px 0px;
157
+ }
158
+ header {
159
+ background-color: rgba(34,49, 52,0.9);
160
+ height: 65px;
161
+ position: fixed;
162
+ top: 0px;
163
+ width: 100%;
164
+ z-index: 10;
165
+ }
166
+ .header-logo img {
167
+ width: 124px;
168
+ padding: 20px 0px;
169
+ float: left;
170
+ }
171
+ .btn:hover {
172
+ opacity: 1;
173
+ }
174
+ .login {
175
+ float: right;
176
+ padding: 0px 25px;
177
+ background-color: rgba(255,255,255,0.3);
178
+ height: 65px;
179
+ line-height: 65px;
180
+ color: white;
181
+ cursor: pointer;
182
+ transition: all 0.5s;
183
+ display: inline-block;
184
+ }
185
+ .login:hover {
186
+ background-color: rgba(255,255,255,0.5);
187
+ }
188
+ .main-wrapper {
189
+ height: 580px;
190
+ text-align: center;
191
+ background-color: #f7f7f7;
192
+ }
193
+ .container h2 {
194
+ font-weight: normal;
195
+ padding: 80px 0px 50px 0px;
196
+ color: #5f5d60;
197
+ }
198
+ .lesson {
199
+ float: left;
200
+ width: 25%;
201
+ }
202
+ ```###
93
203
  ### 試したこと
94
204
 
95
205
  Progate復習しましたがわかりませんでした。
96
- ![pタグ画像説明と詳細が反映されてません。](bb6a108e1a2c3f077b65e0212c8b916c.png)
206
+ ![pタグ画像説明と詳細が反映されてません。](bb6a108e1a2c3f077b65e0212c8b916c.png)
207
+ ![イメージ説明](4aed027cf04608e4d0a7a71b2aeacf71.png)

2

画像を貼った

2020/03/09 02:19

投稿

yuta73
yuta73

スコア5

title CHANGED
File without changes
body CHANGED
@@ -6,164 +6,7 @@
6
6
  ### 発生している問題・エラーメッセージ
7
7
 
8
8
  ```
9
- レッスンの画像の説明や詳細のpタグが反映されません。![これ画像貼れてますか？](1e1ea194836c6f855c9f0c002a86233c.jpeg)
9
+ レッスンの画像の説明や詳細のpタグが反映されません。
10
-
11
-
12
-
13
-
14
-
15
-
16
-
17
-
18
-
19
-
20
-
21
-
22
-
23
-
24
-
25
-
26
-
27
-
28
-
29
-
30
-
31
-
32
-
33
-
34
-
35
-
36
-
37
-
38
-
39
-
40
-
41
-
42
-
43
-
44
-
45
-
46
-
47
-
48
-
49
-
50
-
51
-
52
-
53
-
54
-
55
-
56
-
57
-
58
-
59
-
60
-
61
-
62
-
63
-
64
-
65
-
66
-
67
-
68
-
69
-
70
-
71
-
72
-
73
-
74
-
75
-
76
-
77
-
78
-
79
-
80
-
81
-
82
-
83
-
84
-
85
-
86
-
87
-
88
-
89
-
90
-
91
-
92
-
93
-
94
-
95
-
96
-
97
-
98
-
99
-
100
-
101
-
102
-
103
-
104
-
105
-
106
-
107
-
108
-
109
-
110
-
111
-
112
-
113
-
114
-
115
-
116
-
117
-
118
-
119
-
120
-
121
-
122
-
123
-
124
-
125
-
126
-
127
-
128
-
129
-
130
-
131
-
132
-
133
-
134
-
135
-
136
-
137
-
138
-
139
-
140
-
141
-
142
-
143
-
144
-
145
-
146
-
147
-
148
-
149
-
150
-
151
-
152
-
153
-
154
-
155
-
156
-
157
-
158
-
159
-
160
-
161
-
162
-
163
-
164
-
165
-
166
-
167
10
  ```
168
11
 
169
12
  ### 該当のソースコード
@@ -250,7 +93,4 @@
250
93
  ### 試したこと
251
94
 
252
95
  Progate復習しましたがわかりませんでした。
253
-
254
- ### 補足情報（FW/ツールのバージョンなど）
96
+ ![pタグ画像説明と詳細が反映されてません。](bb6a108e1a2c3f077b65e0212c8b916c.png)
255
-
256
- ここにより詳細な情報を記載してください。

1

画像が貼れない

2020/03/08 16:21

投稿

yuta73
yuta73

スコア5

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- ### 前提・実現したいこと
1
+ ###　どうしても進みません。
2
2
 
3
3
  Progate道場コースでここから先に進めません。
4
4
  どなたか教えて下さい。
@@ -6,7 +6,164 @@
6
6
  ### 発生している問題・エラーメッセージ
7
7
 
8
8
  ```
9
- レッスンの画像の説明や詳細のpタグが反映されません。![イメージ説明](bb6a108e1a2c3f077b65e0212c8b916c.png)
9
+ レッスンの画像の説明や詳細のpタグが反映されません。![これ画像貼れてますか？](1e1ea194836c6f855c9f0c002a86233c.jpeg)
10
+
11
+
12
+
13
+
14
+
15
+
16
+
17
+
18
+
19
+
20
+
21
+
22
+
23
+
24
+
25
+
26
+
27
+
28
+
29
+
30
+
31
+
32
+
33
+
34
+
35
+
36
+
37
+
38
+
39
+
40
+
41
+
42
+
43
+
44
+
45
+
46
+
47
+
48
+
49
+
50
+
51
+
52
+
53
+
54
+
55
+
56
+
57
+
58
+
59
+
60
+
61
+
62
+
63
+
64
+
65
+
66
+
67
+
68
+
69
+
70
+
71
+
72
+
73
+
74
+
75
+
76
+
77
+
78
+
79
+
80
+
81
+
82
+
83
+
84
+
85
+
86
+
87
+
88
+
89
+
90
+
91
+
92
+
93
+
94
+
95
+
96
+
97
+
98
+
99
+
100
+
101
+
102
+
103
+
104
+
105
+
106
+
107
+
108
+
109
+
110
+
111
+
112
+
113
+
114
+
115
+
116
+
117
+
118
+
119
+
120
+
121
+
122
+
123
+
124
+
125
+
126
+
127
+
128
+
129
+
130
+
131
+
132
+
133
+
134
+
135
+
136
+
137
+
138
+
139
+
140
+
141
+
142
+
143
+
144
+
145
+
146
+
147
+
148
+
149
+
150
+
151
+
152
+
153
+
154
+
155
+
156
+
157
+
158
+
159
+
160
+
161
+
162
+
163
+
164
+
165
+
166
+
10
167
  ```
11
168
 
12
169
  ### 該当のソースコード
@@ -92,7 +249,7 @@
92
249
 
93
250
  ### 試したこと
94
251
 
95
- ここに問題に対して試したことを記載してください。
252
+ Progate復習しましたがわかりませんでした。
96
253
 
97
254
  ### 補足情報（FW/ツールのバージョンなど）
98
255