質問編集履歴

6

コード表記の修正

2020/12/10 06:47

投稿

rampram0924
rampram0924

スコア2

test CHANGED
File without changes
test CHANGED
@@ -9,26 +9,6 @@
9
9
 
10
10
 
11
11
  ```html
12
-
13
- <section class="kv">
14
-
15
- <div class="top-main-wrapper">
16
-
17
- <img class="logo2" src="img/logo_02.png" alt="TOUMAI LIFE">
18
-
19
- <div class="top-main-txt_1">
20
-
21
-   <p class="ttl_01">タイトル</p>
22
-
23
-   <p class="ttl_02">タイトル</p>
24
-
25
-   <p class="ttl_03">タイトル</p>
26
-
27
- </div> <!--/top-main-txt1-->
28
-
29
- </div><!--/top-main-wrapper-->
30
-
31
- </section>
32
12
 
33
13
    <section class="top-main-service-wrapper">
34
14
 
@@ -55,34 +35,6 @@
55
35
  </section>
56
36
 
57
37
 
58
-
59
- <div class="top-main-news">
60
-
61
- <div class="news-box">
62
-
63
- <dl>
64
-
65
- <dt>2021.01.01<a href="#">お知らせ</a></dt>
66
-
67
- <dd>7日間無料メール講座をはじめました</dd>
68
-
69
- <dt>2020.12.01<a href="#">お知らせ</a></dt>
70
-
71
- <dd>ニュースニュースニュースニュース</dd>
72
-
73
- <dt>2020.07.31<a href="#">新着記事</a></dt>
74
-
75
- <dd>ニュースニュースニュースニュース</dd>
76
-
77
- <dt>2020.04.01<a href="#">お知らせ</a></dt>
78
-
79
- <dd>ニュースニュースニュースニュース</dd>
80
-
81
- </dl>
82
-
83
- </div><!--/news-box-->
84
-
85
- </div><!--/top-main-news-->
86
38
 
87
39
  </body>
88
40
 

5

コード表記の修正

2020/12/10 06:47

投稿

rampram0924
rampram0924

スコア2

test CHANGED
File without changes
test CHANGED
@@ -10,248 +10,202 @@
10
10
 
11
11
  ```html
12
12
 
13
- <!DOCTYPE html>
14
-
15
- <html lang="en">
13
+ <section class="kv">
14
+
16
-
15
+ <div class="top-main-wrapper">
16
+
17
+ <img class="logo2" src="img/logo_02.png" alt="TOUMAI LIFE">
18
+
19
+ <div class="top-main-txt_1">
20
+
21
+   <p class="ttl_01">タイトル</p>
22
+
23
+   <p class="ttl_02">タイトル</p>
24
+
25
+   <p class="ttl_03">タイトル</p>
26
+
27
+ </div> <!--/top-main-txt1-->
28
+
29
+ </div><!--/top-main-wrapper-->
30
+
31
+ </section>
32
+
33
+   <section class="top-main-service-wrapper">
34
+
35
+ <div class="top-service-menu">
36
+
37
+ <p class="top-service-ttl-en">SERVICE</p>
38
+
39
+ </div><!--/.top-service-menu-->
40
+
41
+  <div class="top-main-ttl-1">
42
+
43
+ <h2><span class="top-main-ttl-00">
44
+
45
+ コンサルティグ</span>
46
+
47
+ <span class="top-main-ttl-01">
48
+
49
+ <br>法人向け
50
+
51
+ </span>
52
+
53
+ </div><!--/.top-main-ttl-1-->
54
+
55
+ </section>
56
+
57
+
58
+
59
+ <div class="top-main-news">
60
+
61
+ <div class="news-box">
62
+
17
- <head>
63
+ <dl>
64
+
18
-
65
+ <dt>2021.01.01<a href="#">お知らせ</a></dt>
66
+
67
+ <dd>7日間無料メール講座をはじめました</dd>
68
+
69
+ <dt>2020.12.01<a href="#">お知らせ</a></dt>
70
+
19
- <meta charset="UTF-8">
71
+ <dd>ニュースニュースニュースニュース</dd>
72
+
73
+ <dt>2020.07.31<a href="#">新着記事</a></dt>
74
+
75
+ <dd>ニュースニュースニュースニュース</dd>
76
+
77
+ <dt>2020.04.01<a href="#">お知らせ</a></dt>
78
+
79
+ <dd>ニュースニュースニュースニュース</dd>
80
+
81
+ </dl>
82
+
83
+ </div><!--/news-box-->
84
+
85
+ </div><!--/top-main-news-->
86
+
87
+ </body>
88
+
89
+ </html>
90
+
91
+ ```
92
+
93
+
94
+
95
+ ```css
96
+
97
+ ソースコード
98
+
99
+ /* サービス 横幅 */
100
+
101
+ .top-main-service-wrapper{
102
+
103
+ width: 100%;
104
+
105
+ position: relative;
106
+
107
+ margin-top: 50px;
108
+
109
+ }
110
+
111
+ /* サービス 全体詳細 */
112
+
113
+ .top-service-menu{
114
+
115
+ width: 1086px;
116
+
117
+ height: 1200px;
118
+
119
+ margin: 0 auto;
120
+
121
+ display: flex;
122
+
123
+ justify-content: space-between;
124
+
125
+ position: relative;
126
+
127
+ background-color: #fff;
128
+
129
+ }
130
+
131
+ /* SERVICE フォント */
132
+
133
+ .top-service-ttl-en{
134
+
135
+ right:60px;
136
+
137
+ display: flex;
138
+
139
+ align-items: center;
140
+
141
+ position: absolute;
142
+
143
+ letter-spacing: .05em;
144
+
145
+ top: 40px;
146
+
147
+ font-size: 1.1rem;
148
+
149
+ font-weight: 700;
150
+
151
+ }
152
+
153
+ /* ───── 横線の配置 */
154
+
155
+ .top-service-ttl-en::before {
156
+
157
+ margin-right: 20px;
158
+
159
+ width: 80px;
160
+
161
+ content: '';
162
+
163
+ display: block;
164
+
165
+ height: 1px;
166
+
167
+ background-color: #000
168
+
169
+ }
170
+
171
+ .top-main-ttl-1{
172
+
173
+ position: absolute;
174
+
175
+ left: 20px;
176
+
177
+ font-size: 50px;
178
+
179
+ font-weight: 700;
20
180
 
21
181
 
22
182
 
23
- <title>株式会社TOUMAI│ビジネス・個人 コーチコンサルティング</title>
24
-
25
- <link rel="stylesheet" href="css/style.css">
26
-
27
- </head>
28
-
29
- <body>
30
-
31
- <header class="header_a">
32
-
33
- <div class="container">
34
-
35
- <a href="#"><img class="logo" src="img/logo_03.png" alt="TOUMAI LIFE"></a>
36
-
37
- </div><!--/container-->
38
-
39
-  <nav class="nav">
40
-
41
-   <ul class="links">
42
-
43
- <li><a href="#">CONCEPT</a></li>
44
-
45
- <li><a href="#">SERVICE</a></li>
46
-
47
- <li><a href="#">コラム</a></li>
48
-
49
- <li><a href="#">よくある質問</a></li>
50
-
51
- <li class="contact"><a href="#">お問い合わせ</a></li>
52
-
53
- </ul>
54
-
55
- </nav>
56
-
57
- </header>
58
-
59
- <section class="kv">
60
-
61
- <div class="top-main-wrapper">
62
-
63
- <img class="logo2" src="img/logo_02.png" alt="TOUMAI LIFE">
64
-
65
- <div class="top-main-txt_1">
66
-
67
-   <p class="ttl_01">タイトル</p>
68
-
69
-   <p class="ttl_02">タイトル</p>
70
-
71
-   <p class="ttl_03">タイトル</p>
72
-
73
- </div> <!--/top-main-txt1-->
74
-
75
- </div><!--/top-main-wrapper-->
76
-
77
- </section>
78
-
79
-   <section class="top-main-service-wrapper">
80
-
81
- <div class="top-service-menu">
82
-
83
- <p class="top-service-ttl-en">SERVICE</p>
84
-
85
- </div><!--/.top-service-menu-->
86
-
87
-  <div class="top-main-ttl-1">
88
-
89
- <h2><span class="top-main-ttl-00">
90
-
91
- コンサルティグ</span>
92
-
93
- <span class="top-main-ttl-01">
94
-
95
- <br>法人向け
96
-
97
- </span>
98
-
99
- </div><!--/.top-main-ttl-1-->
100
-
101
- </section>
102
-
103
-
104
-
105
- <div class="top-main-news">
106
-
107
- <div class="news-box">
108
-
109
- <dl>
110
-
111
- <dt>2021.01.01<a href="#">お知らせ</a></dt>
112
-
113
- <dd>7日間無料メール講座をはじめました</dd>
114
-
115
- <dt>2020.12.01<a href="#">お知らせ</a></dt>
116
-
117
- <dd>ニュースニュースニュースニュース</dd>
118
-
119
- <dt>2020.07.31<a href="#">新着記事</a></dt>
120
-
121
- <dd>ニュースニュースニュースニュース</dd>
122
-
123
- <dt>2020.04.01<a href="#">お知らせ</a></dt>
124
-
125
- <dd>ニュースニュースニュースニュース</dd>
126
-
127
- </dl>
128
-
129
- </div><!--/news-box-->
130
-
131
- </div><!--/top-main-news-->
132
-
133
- </body>
134
-
135
- </html>
183
+ }
184
+
185
+ .top-main-ttl-00{
186
+
187
+ writing-mode: vertical-rl;
188
+
189
+ padding: 0 0 200px 0;
190
+
191
+ margin-left: 60px;
192
+
193
+
194
+
195
+ }
196
+
197
+ .top-main-ttl-01{
198
+
199
+ writing-mode: vertical-rl;
200
+
201
+ padding: 0 0 400px 0;
202
+
203
+ margin-left: 60px;
204
+
205
+ }
136
206
 
137
207
  ```
138
208
 
139
-
140
-
141
- ```css
142
-
143
- ソースコード
144
-
145
- /* サービス 横幅 */
146
-
147
- .top-main-service-wrapper{
148
-
149
- width: 100%;
150
-
151
- position: relative;
152
-
153
- margin-top: 50px;
154
-
155
- }
156
-
157
- /* サービス 全体詳細 */
158
-
159
- .top-service-menu{
160
-
161
- width: 1086px;
162
-
163
- height: 1200px;
164
-
165
- margin: 0 auto;
166
-
167
- display: flex;
168
-
169
- justify-content: space-between;
170
-
171
- position: relative;
172
-
173
- background-color: #fff;
174
-
175
- }
176
-
177
- /* SERVICE フォント */
178
-
179
- .top-service-ttl-en{
180
-
181
- right:60px;
182
-
183
- display: flex;
184
-
185
- align-items: center;
186
-
187
- position: absolute;
188
-
189
- letter-spacing: .05em;
190
-
191
- top: 40px;
192
-
193
- font-size: 1.1rem;
194
-
195
- font-weight: 700;
196
-
197
- }
198
-
199
- /* ───── 横線の配置 */
200
-
201
- .top-service-ttl-en::before {
202
-
203
- margin-right: 20px;
204
-
205
- width: 80px;
206
-
207
- content: '';
208
-
209
- display: block;
210
-
211
- height: 1px;
212
-
213
- background-color: #000
214
-
215
- }
216
-
217
- .top-main-ttl-1{
218
-
219
- position: absolute;
220
-
221
- left: 20px;
222
-
223
- font-size: 50px;
224
-
225
- font-weight: 700;
226
-
227
-
228
-
229
- }
230
-
231
- .top-main-ttl-00{
232
-
233
- writing-mode: vertical-rl;
234
-
235
- padding: 0 0 200px 0;
236
-
237
- margin-left: 60px;
238
-
239
-
240
-
241
- }
242
-
243
- .top-main-ttl-01{
244
-
245
- writing-mode: vertical-rl;
246
-
247
- padding: 0 0 400px 0;
248
-
249
- margin-left: 60px;
250
-
251
- }
252
-
253
- ```
254
-
255
209
  ### 試したこと
256
210
 
257
211
 

4

コード表記の修正

2020/12/10 06:46

投稿

rampram0924
rampram0924

スコア2

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
 
10
10
 
11
- ``html
11
+ ```html
12
12
 
13
13
  <!DOCTYPE html>
14
14
 

3

コード表記の修正

2020/12/10 06:45

投稿

rampram0924
rampram0924

スコア2

test CHANGED
File without changes
test CHANGED
@@ -54,12 +54,8 @@
54
54
 
55
55
  </nav>
56
56
 
57
-
58
-
59
57
  </header>
60
58
 
61
-
62
-
63
59
  <section class="kv">
64
60
 
65
61
  <div class="top-main-wrapper">
@@ -100,12 +96,8 @@
100
96
 
101
97
  </span>
102
98
 
103
-
104
-
105
99
  </div><!--/.top-main-ttl-1-->
106
100
 
107
-
108
-
109
101
  </section>
110
102
 
111
103
 
@@ -138,14 +130,12 @@
138
130
 
139
131
  </div><!--/top-main-news-->
140
132
 
141
-
142
-
143
133
  </body>
144
134
 
145
-
146
-
147
135
  </html>
148
136
 
137
+ ```
138
+
149
139
 
150
140
 
151
141
  ```css
@@ -260,7 +250,7 @@
260
250
 
261
251
  }
262
252
 
263
-
253
+ ```
264
254
 
265
255
  ### 試したこと
266
256
 

2

コード表記の修正

2020/12/10 06:44

投稿

rampram0924
rampram0924

スコア2

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
 
10
10
 
11
- ### 該当のソースコード
11
+ ``html
12
12
 
13
13
  <!DOCTYPE html>
14
14
 
@@ -148,7 +148,7 @@
148
148
 
149
149
 
150
150
 
151
- ```ここに言語名を入力
151
+ ```css
152
152
 
153
153
  ソースコード
154
154
 

1

コードの追加

2020/12/10 06:42

投稿

rampram0924
rampram0924

スコア2

test CHANGED
File without changes
test CHANGED
@@ -10,13 +10,255 @@
10
10
 
11
11
  ### 該当のソースコード
12
12
 
13
+ <!DOCTYPE html>
14
+
15
+ <html lang="en">
16
+
17
+ <head>
18
+
19
+ <meta charset="UTF-8">
20
+
21
+
22
+
23
+ <title>株式会社TOUMAI│ビジネス・個人 コーチコンサルティング</title>
24
+
25
+ <link rel="stylesheet" href="css/style.css">
26
+
27
+ </head>
28
+
29
+ <body>
30
+
31
+ <header class="header_a">
32
+
33
+ <div class="container">
34
+
35
+ <a href="#"><img class="logo" src="img/logo_03.png" alt="TOUMAI LIFE"></a>
36
+
37
+ </div><!--/container-->
38
+
39
+  <nav class="nav">
40
+
41
+   <ul class="links">
42
+
43
+ <li><a href="#">CONCEPT</a></li>
44
+
45
+ <li><a href="#">SERVICE</a></li>
46
+
47
+ <li><a href="#">コラム</a></li>
48
+
49
+ <li><a href="#">よくある質問</a></li>
50
+
51
+ <li class="contact"><a href="#">お問い合わせ</a></li>
52
+
53
+ </ul>
54
+
55
+ </nav>
56
+
57
+
58
+
59
+ </header>
60
+
61
+
62
+
63
+ <section class="kv">
64
+
65
+ <div class="top-main-wrapper">
66
+
67
+ <img class="logo2" src="img/logo_02.png" alt="TOUMAI LIFE">
68
+
69
+ <div class="top-main-txt_1">
70
+
71
+   <p class="ttl_01">タイトル</p>
72
+
73
+   <p class="ttl_02">タイトル</p>
74
+
75
+   <p class="ttl_03">タイトル</p>
76
+
77
+ </div> <!--/top-main-txt1-->
78
+
79
+ </div><!--/top-main-wrapper-->
80
+
81
+ </section>
82
+
83
+   <section class="top-main-service-wrapper">
84
+
85
+ <div class="top-service-menu">
86
+
87
+ <p class="top-service-ttl-en">SERVICE</p>
88
+
89
+ </div><!--/.top-service-menu-->
90
+
91
+  <div class="top-main-ttl-1">
92
+
93
+ <h2><span class="top-main-ttl-00">
94
+
95
+ コンサルティグ</span>
96
+
97
+ <span class="top-main-ttl-01">
98
+
99
+ <br>法人向け
100
+
101
+ </span>
102
+
103
+
104
+
105
+ </div><!--/.top-main-ttl-1-->
106
+
107
+
108
+
109
+ </section>
110
+
111
+
112
+
113
+ <div class="top-main-news">
114
+
115
+ <div class="news-box">
116
+
117
+ <dl>
118
+
119
+ <dt>2021.01.01<a href="#">お知らせ</a></dt>
120
+
121
+ <dd>7日間無料メール講座をはじめました</dd>
122
+
123
+ <dt>2020.12.01<a href="#">お知らせ</a></dt>
124
+
125
+ <dd>ニュースニュースニュースニュース</dd>
126
+
127
+ <dt>2020.07.31<a href="#">新着記事</a></dt>
128
+
129
+ <dd>ニュースニュースニュースニュース</dd>
130
+
131
+ <dt>2020.04.01<a href="#">お知らせ</a></dt>
132
+
133
+ <dd>ニュースニュースニュースニュース</dd>
134
+
135
+ </dl>
136
+
137
+ </div><!--/news-box-->
138
+
139
+ </div><!--/top-main-news-->
140
+
141
+
142
+
143
+ </body>
144
+
145
+
146
+
147
+ </html>
148
+
13
149
 
14
150
 
15
151
  ```ここに言語名を入力
16
152
 
17
153
  ソースコード
18
154
 
155
+ /* サービス 横幅 */
156
+
157
+ .top-main-service-wrapper{
158
+
159
+ width: 100%;
160
+
161
+ position: relative;
162
+
163
+ margin-top: 50px;
164
+
19
- ```
165
+ }
166
+
167
+ /* サービス 全体詳細 */
168
+
169
+ .top-service-menu{
170
+
171
+ width: 1086px;
172
+
173
+ height: 1200px;
174
+
175
+ margin: 0 auto;
176
+
177
+ display: flex;
178
+
179
+ justify-content: space-between;
180
+
181
+ position: relative;
182
+
183
+ background-color: #fff;
184
+
185
+ }
186
+
187
+ /* SERVICE フォント */
188
+
189
+ .top-service-ttl-en{
190
+
191
+ right:60px;
192
+
193
+ display: flex;
194
+
195
+ align-items: center;
196
+
197
+ position: absolute;
198
+
199
+ letter-spacing: .05em;
200
+
201
+ top: 40px;
202
+
203
+ font-size: 1.1rem;
204
+
205
+ font-weight: 700;
206
+
207
+ }
208
+
209
+ /* ───── 横線の配置 */
210
+
211
+ .top-service-ttl-en::before {
212
+
213
+ margin-right: 20px;
214
+
215
+ width: 80px;
216
+
217
+ content: '';
218
+
219
+ display: block;
220
+
221
+ height: 1px;
222
+
223
+ background-color: #000
224
+
225
+ }
226
+
227
+ .top-main-ttl-1{
228
+
229
+ position: absolute;
230
+
231
+ left: 20px;
232
+
233
+ font-size: 50px;
234
+
235
+ font-weight: 700;
236
+
237
+
238
+
239
+ }
240
+
241
+ .top-main-ttl-00{
242
+
243
+ writing-mode: vertical-rl;
244
+
245
+ padding: 0 0 200px 0;
246
+
247
+ margin-left: 60px;
248
+
249
+
250
+
251
+ }
252
+
253
+ .top-main-ttl-01{
254
+
255
+ writing-mode: vertical-rl;
256
+
257
+ padding: 0 0 400px 0;
258
+
259
+ margin-left: 60px;
260
+
261
+ }
20
262
 
21
263
 
22
264