質問編集履歴
1
コードブロックで入力し直しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -13,58 +13,63 @@
|
|
|
13
13
|
### 該当のソースコード
|
|
14
14
|
|
|
15
15
|
```ここに言語名を入力
|
|
16
|
-
|
|
16
|
+
HTML
|
|
17
17
|
```
|
|
18
|
-
|
|
18
|
+
```ここに言語を入力
|
|
19
19
|
<div class="box-wrap">
|
|
20
|
-
|
|
20
|
+
<div class="container header">
|
|
21
|
-
|
|
21
|
+
<nav class="navbar navbar-expand-md navbar-light p-4" style="background-color: #FFFFFF;">
|
|
22
|
-
|
|
22
|
+
<a class="navbar-brand col-3" href="index.html"><img class="logo" src="images/title.svg" alt="logo" width="224" height="32" loading="lazy"></a>
|
|
23
|
-
|
|
23
|
+
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
24
|
-
|
|
24
|
+
<img src="images/simple_menu.svg" alt="menu" width="39" height="39">
|
|
25
|
-
|
|
25
|
+
</button>
|
|
26
|
-
|
|
26
|
+
|
|
27
|
-
|
|
27
|
+
<div class="collapse navbar-collapse justify-content-between" id="navbarNav">
|
|
28
|
-
|
|
28
|
+
<ul class="navbar-nav nav-fill w-100">
|
|
29
|
-
|
|
29
|
+
<li class="nav-item active"><a href="index.html"><span>HOME</span></a></li>
|
|
30
|
-
|
|
30
|
+
<li class="nav-item"><a href="Profile.html">PROFILE・EXHIBITION</a></li>
|
|
31
|
-
|
|
31
|
+
<li class="nav-item"><a href="Reliure.html">RELIURE</a></li>
|
|
32
|
-
|
|
32
|
+
<li class="nav-item"><a href="Gallery.html">GALLERY</a></li>
|
|
33
|
-
|
|
33
|
+
<li class="nav-item"><a href="Lesson.html">LESSON</a></li>
|
|
34
|
-
|
|
34
|
+
<li class="nav-item"><a href="http://atalde.exblog.jp/">BLOG</a></li>
|
|
35
|
-
|
|
35
|
+
<li class="nav-item"><a href="https://www.instagram.com/bookbinding_reliure/"><img src="images/Instagram_icon.jpg" alt="instagram"></a></li>
|
|
36
|
-
|
|
36
|
+
</ul>
|
|
37
|
-
|
|
37
|
+
</div>
|
|
38
38
|
</nav>
|
|
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
|
-
|
|
39
|
+
</div>
|
|
40
|
+
<!-- END: header -->
|
|
41
|
+
<div>
|
|
42
|
+
<div><img class="top-img" src="images/img_large_1.jpg" alt="relieur"></div>
|
|
43
|
+
</div>
|
|
44
|
+
<div class="sub-main">
|
|
45
|
+
<div class="container">
|
|
46
|
+
<div class="row">
|
|
47
|
+
<div class="col-md-7 col-xl-7 animate-box">
|
|
48
|
+
<p class="top-text">アトリエ・アルド(atelier ALDE)は、市田文子のルリユール工房です。<br>ルリユール制作の他、ルリユール教室と製本ワークショップを開いています。<br>ルリユールの注文についてご質問がありましたらお気軽にお問い合わせください。<br>ご連絡は<a href="mailto:mailto:atelieralde@atalde.jp">こちら</a>まで。</p>
|
|
49
|
+
</div>
|
|
50
|
+
<div class="col-md-5 col-xl-5 NEWS">
|
|
51
|
+
<div>
|
|
52
|
+
<p class="event-title"><b>NEWS</b></p>
|
|
53
|
+
<div class="cover-hero animate-box event">
|
|
54
|
+
<a href="Advance_billing.html"><img class="img-max" src="images/work-2.jpg" alt="イベント情報"></a>
|
|
55
|
+
<p>今後、展示会やワークショップ等の開催の情報をお知らせ致します。</p>
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
58
|
+
</div>
|
|
59
|
+
</div>
|
|
60
|
+
</div>
|
|
61
|
+
</div>
|
|
62
|
+
<footer>
|
|
63
|
+
<p class="footer">Copyright© 2018-2020 atelier ALDE All Rights reserved.</p>
|
|
64
|
+
</footer>
|
|
65
|
+
</div>
|
|
66
|
+
```
|
|
67
|
+
### 該当のソースコード
|
|
66
68
|
|
|
67
|
-
|
|
69
|
+
```ここに言語名を入力
|
|
70
|
+
CSS
|
|
71
|
+
```
|
|
72
|
+
```ここに言語を入力
|
|
68
73
|
html {
|
|
69
74
|
margin: 0;
|
|
70
75
|
padding: 0;
|
|
@@ -161,7 +166,7 @@
|
|
|
161
166
|
font-size: 0.65em;
|
|
162
167
|
text-align: center;
|
|
163
168
|
}
|
|
164
|
-
|
|
169
|
+
```
|
|
165
170
|
### 試したこと
|
|
166
171
|
html、bodyのheight; 100%;を削除した上で、全体を包んでいるdivのclass(.box-wrap)にmin-height: 100vh;を追加してみましたが解決しませんでした。
|
|
167
172
|
|