teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

現状の説明を整理しました.

2017/09/16 16:01

投稿

oreo3
oreo3

スコア6

title CHANGED
File without changes
body CHANGED
@@ -1,11 +1,11 @@
1
- ```ここに言語を入力
1
+ ```HTML
2
2
  <!doctype html>
3
3
  <html lang="ja">
4
- <haed>
4
+ <head>
5
5
  <meta charset="utf-8">
6
6
  <title>sample</title>
7
7
  <link rel="stylesheet" href="default_2.css">
8
- </haed>
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
- /* CSS default_2 */
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
- ```HTML, cssのずぶの初心者です.
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
- cssの方,画像に対する処理がうまく整理できず困っています.
54
+ CSSとHTML分け書く必要はなのでしょうか。
54
- 助けていただけると幸いです.