質問編集履歴

11

消すのは禁止されていたみたいですので覚えている範囲で直させていただきました。お騒がせいたしました。

2017/12/03 05:52

投稿

tyapapa
tyapapa

スコア51

test CHANGED
File without changes
test CHANGED
@@ -1 +1,65 @@
1
- あまりにもエラーの内容情けなったため消さていただきました
1
+ ヘッダーの背景のカラーが変わりま
2
+
3
+ ```html
4
+
5
+ <body>
6
+
7
+ <header>
8
+
9
+ <div class="container">
10
+
11
+ <div class="header-left">
12
+
13
+ <img class="logo" src="ああああ.png">
14
+
15
+ </div>
16
+
17
+ <div class="header-right">
18
+
19
+ <a href="#" class="login">ログイン</a>
20
+
21
+ </div>
22
+
23
+ </div>
24
+
25
+ </header>
26
+
27
+ </body>
28
+
29
+ ```
30
+
31
+ ```CSS
32
+
33
+ header{
34
+
35
+ height: 65px;
36
+
37
+ width: 100%;
38
+
39
+ background-color: rgba(34, 49, 52, 0.9);
40
+
41
+ }
42
+
43
+ .container{
44
+
45
+ width: 1170px;
46
+
47
+ padding: 0 15px;
48
+
49
+ margin: 0 auto;
50
+
51
+ }
52
+
53
+ .header-left{
54
+
55
+ float:left;
56
+
57
+ }
58
+
59
+ .header-right{
60
+
61
+ float:right;
62
+
63
+ }
64
+
65
+ ```

10

消しました

2017/12/03 05:52

投稿

tyapapa
tyapapa

スコア51

test CHANGED
File without changes
test CHANGED
@@ -1,111 +1 @@
1
- ――――――――――――HTML――――――――――――――
2
-
3
- ```ここに言語を入力
4
-
5
- <!DOCTYPE html>
6
-
7
- <html>
8
-
9
- <head>
10
-
11
- <meta charset="utf-8">
12
-
13
- <title>パパパパ</title>
14
-
15
- <link rel="stylesheet" href="yousheet.css">
16
-
17
- </head>
18
-
19
- <body>
20
-
21
- <header>
22
-
23
- <div class="container">
24
-
25
- <div class="header-left">
26
-
27
- <img class="logo" src="../../Pictures/ki.png">
28
-
29
- </div>
30
-
31
- <div class="header-right">
32
-
33
- <a href="#" class="login">ログイン</a>
34
-
35
- </div>
36
-
37
- </div>
38
-
39
- </header>
40
-
41
- </body>
42
-
43
- </html>
44
-
45
- ```
46
-
47
-
48
-
49
- ――――――――――――css――――――――――――
50
-
51
- ```ここに言語を入力
52
-
53
- header{
54
-
55
- height: 65px;
56
-
57
- width: 100%;
58
-
59
- background-color: rgba(34, 49, 52, 0.9);
60
-
61
- }
62
-
63
- .container{
64
-
65
- width: 1170px;
66
-
67
- padding: 0 15px;
68
-
69
- margin: 0 auto;
70
-
71
- }
72
-
73
- .header-left{
74
-
75
- float:left;
76
-
77
- }
78
-
79
- .header-right{
80
-
81
- float:right;
82
-
83
- }
84
-
85
-
86
-
87
- ```
88
-
89
-
90
-
91
- このようにコードを書いているのですがヘッダー部分の背景カラーが反映されません。
92
-
93
- お助けください。
94
-
95
- 背景以外のfloat等は反映されています。
96
-
97
- ![イメージ説明](1f50d9f2a455cf75ae81b7ce3ef88163.png)
98
-
99
- ブラウザはchrome、OSはwindowsで他のブラウザで見た場合もまったく同じ画面になっています。
100
-
101
- ユーザCSSとはよくわからないのですが、変更していないと思います。
102
-
103
-
104
-
105
- header-leftで使用している画像のサイズは50×50で
106
-
107
- loginに関してはサイズの指定はしていません。
108
-
109
-
110
-
111
- みにHTMLファイルに直接CSSを書き込ん場合はうまくいきました。
1
+ あまりにもエラーの内容が情けったため消させていただきました。

9

現状更新

2017/12/03 04:53

投稿

tyapapa
tyapapa

スコア51

test CHANGED
File without changes
test CHANGED
@@ -105,3 +105,7 @@
105
105
  header-leftで使用している画像のサイズは50×50で
106
106
 
107
107
  loginに関してはサイズの指定はしていません。
108
+
109
+
110
+
111
+ ちなみにHTMLファイルに直接CSSを書き込んだ場合はうまくいきました。

8

いろいろ

2017/11/23 06:25

投稿

tyapapa
tyapapa

スコア51

test CHANGED
File without changes
test CHANGED
@@ -99,3 +99,9 @@
99
99
  ブラウザはchrome、OSはwindowsで他のブラウザで見た場合もまったく同じ画面になっています。
100
100
 
101
101
  ユーザCSSとはよくわからないのですが、変更していないと思います。
102
+
103
+
104
+
105
+ header-leftで使用している画像のサイズは50×50で
106
+
107
+ loginに関してはサイズの指定はしていません。

7

ミスがあったので更新

2017/11/23 06:09

投稿

tyapapa
tyapapa

スコア51

test CHANGED
File without changes
test CHANGED
@@ -7,6 +7,8 @@
7
7
  <html>
8
8
 
9
9
  <head>
10
+
11
+ <meta charset="utf-8">
10
12
 
11
13
  <title>パパパパ</title>
12
14
 

6

ミスがあったので更新

2017/11/23 06:07

投稿

tyapapa
tyapapa

スコア51

test CHANGED
File without changes
test CHANGED
@@ -7,8 +7,6 @@
7
7
  <html>
8
8
 
9
9
  <head>
10
-
11
- ![イメージ説明](1f1be6005344d837ecb8927d02ce6d73.png)ta charset="utf-8">
12
10
 
13
11
  <title>パパパパ</title>
14
12
 

5

環境、スクショ公開

2017/11/23 06:06

投稿

tyapapa
tyapapa

スコア51

test CHANGED
File without changes
test CHANGED
@@ -2,13 +2,13 @@
2
2
 
3
3
  ```ここに言語を入力
4
4
 
5
- <!DOCTYPE html>
5
+ <!DOCTYPE html>
6
6
 
7
7
  <html>
8
8
 
9
9
  <head>
10
10
 
11
- <meta charset="utf-8">
11
+ ![イメージ説明](1f1be6005344d837ecb8927d02ce6d73.png)ta charset="utf-8">
12
12
 
13
13
  <title>パパパパ</title>
14
14
 
@@ -93,3 +93,9 @@
93
93
  お助けください。
94
94
 
95
95
  背景以外のfloat等は反映されています。
96
+
97
+ ![イメージ説明](1f50d9f2a455cf75ae81b7ce3ef88163.png)
98
+
99
+ ブラウザはchrome、OSはwindowsで他のブラウザで見た場合もまったく同じ画面になっています。
100
+
101
+ ユーザCSSとはよくわからないのですが、変更していないと思います。

4

指摘されたところ直しましたがやはり背景カラーは変わりませんでした

2017/11/23 06:04

投稿

tyapapa
tyapapa

スコア51

test CHANGED
File without changes
test CHANGED
@@ -76,7 +76,7 @@
76
76
 
77
77
  }
78
78
 
79
- .haeder-right{
79
+ .header-right{
80
80
 
81
81
  float:right;
82
82
 

3

指摘されたところを直しましたがそれでもできないです。

2017/11/22 04:24

投稿

tyapapa
tyapapa

スコア51

test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,19 @@
2
2
 
3
3
  ```ここに言語を入力
4
4
 
5
+ <!DOCTYPE html>
6
+
7
+ <html>
8
+
9
+ <head>
10
+
11
+ <meta charset="utf-8">
12
+
13
+ <title>パパパパ</title>
14
+
15
+ <link rel="stylesheet" href="yousheet.css">
16
+
5
- </head>
17
+ </head>
6
18
 
7
19
  <body>
8
20
 
@@ -26,7 +38,9 @@
26
38
 
27
39
  </header>
28
40
 
29
- <body>
41
+ </body>
42
+
43
+ </html>
30
44
 
31
45
  ```
32
46
 

2

コード囲みました

2017/11/22 04:23

投稿

tyapapa
tyapapa

スコア51

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,8 @@
1
1
  ――――――――――――HTML――――――――――――――
2
2
 
3
+ ```ここに言語を入力
4
+
3
- </head>
5
+ </head>
4
6
 
5
7
  <body>
6
8
 
@@ -10,11 +12,11 @@
10
12
 
11
13
  <div class="header-left">
12
14
 
13
- <img class="logo" src="../../Pictures/ki.png"> <!--ロゴ画像-->
15
+ <img class="logo" src="../../Pictures/ki.png">
14
16
 
15
17
  </div>
16
18
 
17
- <div class="header-right"> <!--ログイン-->
19
+ <div class="header-right">
18
20
 
19
21
  <a href="#" class="login">ログイン</a>
20
22
 
@@ -26,9 +28,13 @@
26
28
 
27
29
  <body>
28
30
 
31
+ ```
32
+
29
33
 
30
34
 
31
35
  ――――――――――――css――――――――――――
36
+
37
+ ```ここに言語を入力
32
38
 
33
39
  header{
34
40
 
@@ -64,6 +70,8 @@
64
70
 
65
71
 
66
72
 
73
+ ```
74
+
67
75
 
68
76
 
69
77
  このようにコードを書いているのですがヘッダー部分の背景カラーが反映されません。

1

コードを追加しておきました。

2017/11/22 02:46

投稿

tyapapa
tyapapa

スコア51

test CHANGED
File without changes
test CHANGED
@@ -1,3 +1,35 @@
1
+ ――――――――――――HTML――――――――――――――
2
+
3
+ </head>
4
+
5
+ <body>
6
+
7
+ <header>
8
+
9
+ <div class="container">
10
+
11
+ <div class="header-left">
12
+
13
+ <img class="logo" src="../../Pictures/ki.png"> <!--ロゴ画像-->
14
+
15
+ </div>
16
+
17
+ <div class="header-right"> <!--ログイン-->
18
+
19
+ <a href="#" class="login">ログイン</a>
20
+
21
+ </div>
22
+
23
+ </div>
24
+
25
+ </header>
26
+
27
+ <body>
28
+
29
+
30
+
31
+ ――――――――――――css――――――――――――
32
+
1
33
  header{
2
34
 
3
35
  height: 65px;
@@ -8,6 +40,28 @@
8
40
 
9
41
  }
10
42
 
43
+ .container{
44
+
45
+ width: 1170px;
46
+
47
+ padding: 0 15px;
48
+
49
+ margin: 0 auto;
50
+
51
+ }
52
+
53
+ .header-left{
54
+
55
+ float:left;
56
+
57
+ }
58
+
59
+ .haeder-right{
60
+
61
+ float:right;
62
+
63
+ }
64
+
11
65
 
12
66
 
13
67
 
@@ -15,3 +69,5 @@
15
69
  このようにコードを書いているのですがヘッダー部分の背景カラーが反映されません。
16
70
 
17
71
  お助けください。
72
+
73
+ 背景以外のfloat等は反映されています。