質問編集履歴
1
コード修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
HTML・CSSのメニューバー
|
|
1
|
+
HTML・CSS(Sass)のメニューバー
|
test
CHANGED
|
@@ -18,7 +18,61 @@
|
|
|
18
18
|
|
|
19
19
|
今、このような具合になっています。説明](652f8af2051adf3eb81bc2cd5fd5fa67.png)説明](0ba1c0c9aec2177534689a32e51c6f6d.png)](46f36f5d159668beaa1275fbfe4dcead.png)
|
|
20
20
|
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
コードは以下のようにしています。
|
|
26
|
+
|
|
27
|
+
お力そえをお願いいたします。
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
```<!DOCTYPE html>
|
|
32
|
+
|
|
33
|
+
<html lang="ja">
|
|
34
|
+
|
|
35
|
+
<head>
|
|
36
|
+
|
|
37
|
+
<link rel="shortcut icon" href="./assets/images/">
|
|
38
|
+
|
|
39
|
+
<meta charset="UTF-8">
|
|
40
|
+
|
|
41
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
42
|
+
|
|
43
|
+
<title>POKKE</title>
|
|
44
|
+
|
|
45
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
46
|
+
|
|
47
|
+
<meta name="description" content="現場で役立つWebスターターのためのサイト">
|
|
48
|
+
|
|
49
|
+
<meta name="keywords" content="Webデザイナー,Web制作,Webデザイン,Webサイト,GitHub,Git,共同開発,配色,デザイン,HTML,CSS">
|
|
50
|
+
|
|
51
|
+
<link rel="stylesheet" href="./assets/css/style.css">
|
|
52
|
+
|
|
53
|
+
<script src="./asset/js/openclose.js"></script>
|
|
54
|
+
|
|
55
|
+
<script src="./asset/js/fixmenu.js"></script>
|
|
56
|
+
|
|
57
|
+
<script src="./asset/js/fixmenu_pagetop.js"></script>
|
|
58
|
+
|
|
59
|
+
<script src="./asset/js/ddmenu_min.js"></script>
|
|
60
|
+
|
|
61
|
+
<!--[if lt IE 9]>
|
|
62
|
+
|
|
63
|
+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
|
64
|
+
|
|
65
|
+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
66
|
+
|
|
67
|
+
<![endif]-->
|
|
68
|
+
|
|
69
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
70
|
+
|
|
71
|
+
</head>
|
|
72
|
+
|
|
73
|
+
<body>
|
|
74
|
+
|
|
21
|
-
|
|
75
|
+
<header>
|
|
22
76
|
|
|
23
77
|
<div class="header__inner">
|
|
24
78
|
|
|
@@ -56,13 +110,33 @@
|
|
|
56
110
|
|
|
57
111
|
</header>
|
|
58
112
|
|
|
113
|
+
<div id="content" class="contents">
|
|
114
|
+
|
|
115
|
+
<div id="contents-in">
|
|
116
|
+
|
|
117
|
+
<aside id="mainimg">
|
|
118
|
+
|
|
119
|
+
<img src="./assets/images/main.png" alt="メイン" class="main">
|
|
120
|
+
|
|
121
|
+
</aside>
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
</body>
|
|
126
|
+
|
|
127
|
+
</html>
|
|
128
|
+
|
|
129
|
+
|
|
130
|
+
|
|
59
131
|
コード
|
|
60
132
|
|
|
61
133
|
```
|
|
62
134
|
|
|
63
135
|
|
|
64
136
|
|
|
137
|
+
```@charset "UTF-8";
|
|
138
|
+
|
|
65
|
-
|
|
139
|
+
header {
|
|
66
140
|
|
|
67
141
|
background-color:#EDD267;
|
|
68
142
|
|
|
@@ -113,9 +187,3 @@
|
|
|
113
187
|
コード
|
|
114
188
|
|
|
115
189
|
```
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
コードは以下のようにしています。
|
|
120
|
-
|
|
121
|
-
お力そえをお願いいたします。
|