質問編集履歴
1
コード修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
HTML・CSSのメニューバー
|
|
1
|
+
HTML・CSS(Sass)のメニューバー
|
body
CHANGED
|
@@ -8,7 +8,34 @@
|
|
|
8
8
|
ロゴは120pxの40px,マージンは23px 0px 17px 90pxにしたいです;
|
|
9
9
|
|
|
10
10
|
今、このような具合になっています。説明](652f8af2051adf3eb81bc2cd5fd5fa67.png)説明](0ba1c0c9aec2177534689a32e51c6f6d.png)](46f36f5d159668beaa1275fbfe4dcead.png)
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
コードは以下のようにしています。
|
|
14
|
+
お力そえをお願いいたします。
|
|
15
|
+
|
|
16
|
+
```<!DOCTYPE html>
|
|
17
|
+
<html lang="ja">
|
|
18
|
+
<head>
|
|
19
|
+
<link rel="shortcut icon" href="./assets/images/">
|
|
20
|
+
<meta charset="UTF-8">
|
|
21
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
22
|
+
<title>POKKE</title>
|
|
23
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
24
|
+
<meta name="description" content="現場で役立つWebスターターのためのサイト">
|
|
25
|
+
<meta name="keywords" content="Webデザイナー,Web制作,Webデザイン,Webサイト,GitHub,Git,共同開発,配色,デザイン,HTML,CSS">
|
|
26
|
+
<link rel="stylesheet" href="./assets/css/style.css">
|
|
27
|
+
<script src="./asset/js/openclose.js"></script>
|
|
28
|
+
<script src="./asset/js/fixmenu.js"></script>
|
|
29
|
+
<script src="./asset/js/fixmenu_pagetop.js"></script>
|
|
30
|
+
<script src="./asset/js/ddmenu_min.js"></script>
|
|
31
|
+
<!--[if lt IE 9]>
|
|
32
|
+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
|
33
|
+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
34
|
+
<![endif]-->
|
|
35
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
36
|
+
</head>
|
|
37
|
+
<body>
|
|
11
|
-
|
|
38
|
+
<header>
|
|
12
39
|
<div class="header__inner">
|
|
13
40
|
<div class="header__inner-logoimg">
|
|
14
41
|
<a href="index.html">
|
|
@@ -27,10 +54,20 @@
|
|
|
27
54
|
</nav>
|
|
28
55
|
</div><!--header__inner-->
|
|
29
56
|
</header>
|
|
57
|
+
<div id="content" class="contents">
|
|
58
|
+
<div id="contents-in">
|
|
59
|
+
<aside id="mainimg">
|
|
60
|
+
<img src="./assets/images/main.png" alt="メイン" class="main">
|
|
61
|
+
</aside>
|
|
62
|
+
|
|
63
|
+
</body>
|
|
64
|
+
</html>
|
|
65
|
+
|
|
30
66
|
コード
|
|
31
67
|
```
|
|
32
68
|
|
|
69
|
+
```@charset "UTF-8";
|
|
33
|
-
|
|
70
|
+
header {
|
|
34
71
|
background-color:#EDD267;
|
|
35
72
|
height: 80px;
|
|
36
73
|
width: 100%;
|
|
@@ -55,7 +92,4 @@
|
|
|
55
92
|
}
|
|
56
93
|
}
|
|
57
94
|
コード
|
|
58
|
-
```
|
|
95
|
+
```
|
|
59
|
-
|
|
60
|
-
コードは以下のようにしています。
|
|
61
|
-
お力そえをお願いいたします。
|