質問編集履歴
1
現状の説明を整理しました.
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,11 +1,11 @@
|
|
1
|
-
```
|
1
|
+
```HTML
|
2
2
|
<!doctype html>
|
3
3
|
<html lang="ja">
|
4
|
-
<
|
4
|
+
<head>
|
5
5
|
<meta charset="utf-8">
|
6
6
|
<title>sample</title>
|
7
7
|
<link rel="stylesheet" href="default_2.css">
|
8
|
-
</
|
8
|
+
</he>
|
9
9
|
<body>
|
10
10
|
<div id="floating-menu">
|
11
11
|
<img src="画像" alt="画像について">
|
@@ -21,17 +21,15 @@
|
|
21
21
|
</div>
|
22
22
|
</body>
|
23
23
|
</html>
|
24
|
-
|
24
|
+
```
|
25
|
-
|
25
|
+
```CSS
|
26
26
|
p img {
|
27
27
|
max-width: 100%;
|
28
28
|
}
|
29
|
-
|
30
29
|
body {
|
31
30
|
margin-right: 0px;
|
32
31
|
margin-left: 0px;
|
33
32
|
}
|
34
|
-
|
35
33
|
div#floating-menu {
|
36
34
|
position: fixed;
|
37
35
|
top: 30px;
|
@@ -41,14 +39,16 @@
|
|
41
39
|
border: 1px solid #000000;
|
42
40
|
z-index: 9999;
|
43
41
|
}
|
44
|
-
```
|
42
|
+
```
|
45
|
-
スクロールと共に,画像が移動する方法を試しているのですが,
|
46
|
-
うまく行かず困っています.
|
47
43
|
|
44
|
+
HTML, cssの初心者です。
|
45
|
+
ウィンドウを動かしても画像が固定された状態を作ろとしています。
|
46
|
+
|
48
47
|
したいこと
|
49
48
|
1 画像の自動拡大縮小
|
50
49
|
2 画像の左右のmarginは0
|
51
|
-
3 画像
|
50
|
+
3 画像の固定
|
52
51
|
|
52
|
+
CSSでは p img {}のみでしか画像の自動拡大縮小ができず、余計に画像を読み込んでいるので、実行した時に画像が重複して表示される状態です。
|
53
|
+
わざわざ,<dix>と<p>タグの両方に書く必要はないと思いますが、1つのタグにまとめる方法がわかりません。
|
53
|
-
|
54
|
+
CSSとHTMLで分けて書く必要はないのでしょうか。
|
54
|
-
助けていただけると幸いです.
|