質問編集履歴

4

書籍の修正

2018/11/05 01:41

投稿

r.baagio10
r.baagio10

スコア19

test CHANGED
File without changes
test CHANGED
@@ -26,6 +26,20 @@
26
26
 
27
27
 
28
28
 
29
+ ![イメージ説明](b45c002775dd573a94e07d0e1fc4a403.jpeg)
30
+
31
+ before画像です。
32
+
33
+
34
+
35
+ ![イメージ説明](ca1e047704d26b058d9628434458ec40.jpeg)
36
+
37
+ after画像です。
38
+
39
+ この画像の通りに実行したいです。
40
+
41
+
42
+
29
43
  ### 該当のソースコード
30
44
 
31
45
 

3

書籍の修正

2018/11/05 01:41

投稿

r.baagio10
r.baagio10

スコア19

test CHANGED
File without changes
test CHANGED
@@ -212,6 +212,132 @@
212
212
 
213
213
  ```
214
214
 
215
+ ```html
216
+
217
+ <!DOCTYPE html>
218
+
219
+ <html lang="ja">
220
+
221
+ <head>
222
+
223
+ <meta charset="utf-8">
224
+
225
+ <meta name="keywords" content="">
226
+
227
+ <meta name="description" content="">
228
+
229
+ <meta name="viewport" content="width=device-width,initial-scale,viewport-fit=auto">
230
+
231
+ <meta property="og:site_name" content="">
232
+
233
+ <meta property="og:title" content="">
234
+
235
+ <meta property="og:description" content="">
236
+
237
+ <meta property="og:url" content="">
238
+
239
+ <meta property="og:type" content="">
240
+
241
+ <meta property="og:image" content="">
242
+
243
+ <title></title>
244
+
245
+ <link rel="shortcut icon" href="/favicon.ico">
246
+
247
+ <link rel="apple-touch-icon" href="/apple-touch-icon.png">
248
+
249
+ <link rel="stylesheet" href="css/reset.css">
250
+
251
+ <link rel="stylesheet" href="css/style2.css">
252
+
253
+ </head>
254
+
255
+ <body>
256
+
257
+ <div id="wrapper">
258
+
259
+
260
+
261
+ <!--//// header ////-->
262
+
263
+ <header>
264
+
265
+ <div class="header-container">
266
+
267
+ <div class="header-logo">
268
+
269
+ <h1 class="logo"><a href="">LOGO</a></h1>
270
+
271
+ </div>
272
+
273
+ <div class="nav-toggle">
274
+
275
+ <div>
276
+
277
+ <span></span>
278
+
279
+ <span></span>
280
+
281
+ <span></span>
282
+
283
+ </div>
284
+
285
+ </div>
286
+
287
+ <nav class="nav">
288
+
289
+ <ul class="globalnav">
290
+
291
+ <li><a href="">MENU1</a></li>
292
+
293
+ <li><a href="">MENU2</a>
294
+
295
+ <div class="mmd_wrap">
296
+
297
+ <div class="mmd_inner">
298
+
299
+ <div class="image">
300
+
301
+ <img src="img/gm_corporate.jpg" alt="">
302
+
303
+ </div>
304
+
305
+ <ul>
306
+
307
+ <li><a href="">top1</a></li>
308
+
309
+ <li><a href="">top2</a></li>
310
+
311
+ <li><a href="">top3</a></li>
312
+
313
+ </ul>
314
+
315
+ </div>
316
+
317
+ </div>
318
+
319
+ </li>
320
+
321
+ <li><a href="">MENU3</a></li>
322
+
323
+ <li><a href="">MENU4</a></li>
324
+
325
+ <li><a href="">MENU5</a></li>
326
+
327
+ </ul>
328
+
329
+ </nav>
330
+
331
+ </div>
332
+
333
+ </header>
334
+
335
+ </div>
336
+
337
+ </body>
338
+
339
+ </html>
340
+
215
341
  ```
216
342
 
217
343
 

2

書籍の修正

2018/11/04 12:13

投稿

r.baagio10
r.baagio10

スコア19

test CHANGED
File without changes
test CHANGED
@@ -16,6 +16,14 @@
16
16
 
17
17
  ![イメージ説明](34aac46568faebec3f4bf2674ffa1645.jpeg)
18
18
 
19
+ 画像の赤枠の通りに
20
+
21
+ マウスオーバーしたらアニメーションで下線が左から右にスライドすることは出来たのですが
22
+
23
+ 下線が左から右に下線が消えてしまいます。
24
+
25
+ 消えないようにするにはどのようなCSSを設定すればいいのでしょうか?
26
+
19
27
 
20
28
 
21
29
  ### 該当のソースコード

1

書籍の修正

2018/11/04 12:07

投稿

r.baagio10
r.baagio10

スコア19

test CHANGED
File without changes
test CHANGED
@@ -14,6 +14,10 @@
14
14
 
15
15
 
16
16
 
17
+ ![イメージ説明](34aac46568faebec3f4bf2674ffa1645.jpeg)
18
+
19
+
20
+
17
21
  ### 該当のソースコード
18
22
 
19
23