質問編集履歴

4

ファイルの構成を見やすくしました。

2019/03/08 10:42

投稿

mohun
mohun

スコア12

test CHANGED
File without changes
test CHANGED
@@ -4,9 +4,25 @@
4
4
 
5
5
  headerに背景画像を埋め込みたいのですが成功しません。
6
6
 
7
- ファイルは「プログラミング」フォルダ内に「css」フォルダと「my portfolio」フォルダがあり、「css」フォルダ内に
8
7
 
8
+
9
+ ファイル構成は以下のような感じです。
10
+
11
+
12
+
13
+ ①css
14
+
15
+ →styles.css
16
+
17
+
18
+
9
- 「styles.css」が、「my portfolio」フォルダ内に「header.png」がある状態です。
19
+ my portfolio
20
+
21
+ →header.png
22
+
23
+
24
+
25
+ ③index.hml
10
26
 
11
27
 
12
28
 
@@ -15,6 +31,10 @@
15
31
  backlground-imageが反映されません。
16
32
 
17
33
  header内の他のプロパティ?は問題なく動いています。
34
+
35
+
36
+
37
+
18
38
 
19
39
 
20
40
 

3

コードブロックで囲みました

2019/03/08 10:42

投稿

mohun
mohun

スコア12

test CHANGED
File without changes
test CHANGED
@@ -20,7 +20,13 @@
20
20
 
21
21
  ##当該ソースコード
22
22
 
23
+
24
+
23
- (html、header部分)
25
+ html
26
+
27
+
28
+
29
+ ```
24
30
 
25
31
 
26
32
 
@@ -74,13 +80,21 @@
74
80
 
75
81
 
76
82
 
77
-
78
-
79
- (css/styles.css内)
83
+ ```
80
84
 
81
85
 
82
86
 
87
+
88
+
89
+ css(css/style.css内)
90
+
91
+
92
+
93
+ ```
94
+
95
+
96
+
83
- eader {
97
+ header {
84
98
 
85
99
  background-color: pink;
86
100
 
@@ -108,7 +122,7 @@
108
122
 
109
123
 
110
124
 
111
-
125
+ ```
112
126
 
113
127
 
114
128
 

2

header部分といいながらhead部分しか表示してませんでした…。失礼しました。

2019/03/08 10:27

投稿

mohun
mohun

スコア12

test CHANGED
File without changes
test CHANGED
@@ -46,6 +46,36 @@
46
46
 
47
47
 
48
48
 
49
+ <body>
50
+
51
+ <header>
52
+
53
+ <nav>
54
+
55
+ <ul>
56
+
57
+ <li>
58
+
59
+ <a href="index.html">HOME</a>
60
+
61
+ </li>
62
+
63
+ <li>
64
+
65
+ <a href="about.html">ABOUT</a>
66
+
67
+ </li>
68
+
69
+ </ul>
70
+
71
+ </nav>
72
+
73
+ </header>
74
+
75
+
76
+
77
+
78
+
49
79
  (css/styles.css内)
50
80
 
51
81
 

1

ご指摘を受け、htmlコードを追加しました

2019/03/08 10:11

投稿

mohun
mohun

スコア12

test CHANGED
File without changes
test CHANGED
@@ -18,9 +18,39 @@
18
18
 
19
19
 
20
20
 
21
- ##当該ソースコード(css/styles.css内のもので、リンクは機能しています)
21
+ ##当該ソースコード
22
22
 
23
+ (html、header部分)
24
+
25
+
26
+
27
+ <!DOCTYPE html>
28
+
29
+ <html lang="ja">
30
+
31
+ <head>
32
+
33
+ <meta chrset="utf-8">
34
+
35
+ <title>太郎のポートフォリオサイト</title>
36
+
37
+ <link rel="icon" href="my portfolio/favicon.ico">
38
+
39
+ <meta name="description" coment="太郎のポートフォリオサイトです。">
40
+
41
+ <link rel="stylesheet" href="css/styles.css">
42
+
43
+
44
+
45
+ </head>
46
+
47
+
48
+
49
+ (css/styles.css内)
50
+
51
+
52
+
23
- header {
53
+ eader {
24
54
 
25
55
  background-color: pink;
26
56