質問編集履歴
3
記載箇所の訂正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -19,14 +19,31 @@
|
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
```html
|
|
22
|
+
<!DOCTYPE html>
|
|
23
|
+
<html lang="ja">
|
|
24
|
+
<head>
|
|
25
|
+
<meta charset="UTF-8">
|
|
26
|
+
<meta name="discription" content="ショップ">
|
|
27
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
28
|
+
<title>title</title>
|
|
29
|
+
<!-- css -->
|
|
30
|
+
<link rel="icon" type="image/png" href="">
|
|
31
|
+
<link href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" rel="stylesheet">
|
|
32
|
+
<!-- <link href="stylesheet.css" rel="stylesheet"> -->
|
|
33
|
+
<link href="stylesheet2.css" rel="stylesheet">
|
|
34
|
+
<link href="reset.css" rel="resetcss">
|
|
35
|
+
<!-- js -->
|
|
36
|
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
37
|
+
<script src="hamburger.js"></script>
|
|
38
|
+
<script src="effect-fade.js"></script>
|
|
39
|
+
</head>
|
|
22
40
|
<body>
|
|
23
|
-
|
|
41
|
+
<header>
|
|
24
42
|
<div class="hamburger">
|
|
25
43
|
<span></span>
|
|
26
44
|
<span></span>
|
|
27
45
|
<span></span>
|
|
28
46
|
</div>
|
|
29
|
-
|
|
30
47
|
<nav class="globalMenuSp">
|
|
31
48
|
<ul>
|
|
32
49
|
<li><a href="#">NEWS</a></li>
|
|
@@ -46,6 +63,7 @@
|
|
|
46
63
|
</div>
|
|
47
64
|
</main>
|
|
48
65
|
</body>
|
|
66
|
+
</html>
|
|
49
67
|
```
|
|
50
68
|
```css
|
|
51
69
|
html {
|
2
誤字
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -65,14 +65,14 @@
|
|
|
65
65
|
width: 1000px;
|
|
66
66
|
background: rgb(204, 250, 218);
|
|
67
67
|
}
|
|
68
|
-
.
|
|
68
|
+
.sample1{
|
|
69
69
|
position: absolute;
|
|
70
70
|
width: 509px;
|
|
71
71
|
height: 406px;
|
|
72
72
|
left: 0px;
|
|
73
73
|
top: 36px;
|
|
74
74
|
}
|
|
75
|
-
.
|
|
75
|
+
.sample2{
|
|
76
76
|
position: absolute;
|
|
77
77
|
width: 335px;
|
|
78
78
|
height: 321px;
|
1
誤字
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
画像の位置をバラバラに指定したサイトを作成中なのですが３つ問題が出てきています。
|
|
2
2
|
|
|
3
|
-
①.
|
|
3
|
+
①.sample1という画像の左側にスペースができてしまうのとbackgroundが反映されなくて困っています。
|
|
4
4
|
|
|
5
5
|
②画面のwidthが１０００px以上になったら下記の参考サイトのように
|
|
6
|
-
画像がその分比率を変えずに大きくなって欲しいのですが.
|
|
6
|
+
画像がその分比率を変えずに大きくなって欲しいのですが.sample1にどのように記述すればなりますか？
|
|
7
7
|
参考サイト https://galerievie.jp/
|
|
8
8
|
|
|
9
9
|
②一つ一つの画像を指定した位置に設置するのに適しているやり方として
|
|
@@ -41,8 +41,8 @@
|
|
|
41
41
|
</header>
|
|
42
42
|
<main>
|
|
43
43
|
<div class="top">
|
|
44
|
-
<img src="images/
|
|
44
|
+
<img src="images/sample1.svg" class="sample1" alt="1">
|
|
45
|
-
<img src="images/
|
|
45
|
+
<img src="images/sample2.svg" class="sample2" alt="2">
|
|
46
46
|
</div>
|
|
47
47
|
</main>
|
|
48
48
|
</body>
|