質問編集履歴
3
文章の修正 HTMLとCSSの分けました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,11 +3,14 @@
|
|
|
3
3
|
私は、Webデザインを学ぶ初心者です。練習で作成中のページですが、idが反映されません。書籍、Webデザイン見るだけノートを見ながらしています。原因が分からず何時間も苦しみ困っています。原因が知りたいです。よろしくお願いいたします。
|
|
4
4
|
### 発生している問題・エラーメッセージ
|
|
5
5
|
該当箇所↓
|
|
6
|
+
|
|
6
|
-
```HTML
|
|
7
|
+
```HTML
|
|
7
8
|
<body id="top">
|
|
9
|
+
```
|
|
8
10
|
CSS↓
|
|
11
|
+
```css
|
|
9
|
-
|
|
12
|
+
#top h1 {
|
|
10
|
-
|
|
13
|
+
#color: red;
|
|
11
14
|
font-size: 100px;
|
|
12
15
|
line-height: 1.2;
|
|
13
16
|
text-align: center;
|
|
@@ -31,29 +34,31 @@
|
|
|
31
34
|
background-size: cover;
|
|
32
35
|
｝
|
|
33
36
|
|
|
37
|
+
```
|
|
34
38
|
|
|
35
39
|
|
|
36
40
|
|
|
37
41
|
### 該当のソースコード（全体）
|
|
38
42
|
HTML↓
|
|
43
|
+
```HTML
|
|
39
44
|
<!DOCTYPE html>
|
|
40
45
|
<html>
|
|
41
46
|
<head>
|
|
42
47
|
<meta charset="shift JIS">
|
|
43
|
-
<title>
|
|
48
|
+
<title>テキスト</title>
|
|
44
49
|
<link rel="stylesheet" type="text/css" href="mystyle.css">
|
|
45
50
|
</head>
|
|
46
51
|
|
|
47
52
|
<body id="top">
|
|
48
53
|
<header>
|
|
49
|
-
<a class="logo" href="index.html"><img src="title.gif" alt="
|
|
54
|
+
<a class="logo" href="index.html"><img src="title.gif" alt="テキスト"></a>
|
|
50
55
|
<nav>
|
|
51
56
|
<ul class="gloval-nav">
|
|
52
|
-
<li><a href="profi-ru.html">
|
|
57
|
+
<li><a href="profi-ru.html">テキスト</a></li>
|
|
53
|
-
<li><a href="seicyou.html">
|
|
58
|
+
<li><a href="seicyou.html">テキスト</a></li>
|
|
54
|
-
<li><a href="sakuhinnsyuu.html">
|
|
59
|
+
<li><a href="sakuhinnsyuu.html">テキスト</a></li>
|
|
55
|
-
<li><a href="photo.html">
|
|
60
|
+
<li><a href="photo.html">テキスト</a></li>
|
|
56
|
-
<li><a href="dokusyo.html">
|
|
61
|
+
<li><a href="dokusyo.html">テキスト</a></li>
|
|
57
62
|
</ul>
|
|
58
63
|
</nav>
|
|
59
64
|
</header>
|
|
@@ -61,7 +66,7 @@
|
|
|
61
66
|
<div class="main">
|
|
62
67
|
|
|
63
68
|
<h1>
|
|
64
|
-
|
|
69
|
+
テキスト
|
|
65
70
|
</h1>
|
|
66
71
|
<p>
|
|
67
72
|
テキスト
|
|
@@ -70,25 +75,27 @@
|
|
|
70
75
|
</p>
|
|
71
76
|
</div>
|
|
72
77
|
<p class="abc">
|
|
73
|
-
<a href="profi-ru.html">
|
|
78
|
+
<a href="profi-ru.html">テキスト</a>
|
|
74
|
-
<a href="seicyou.html">
|
|
79
|
+
<a href="seicyou.html">テキスト</a>
|
|
75
|
-
<a href="sakuhinnsyuu.html">
|
|
80
|
+
<a href="sakuhinnsyuu.html">テキスト</a>
|
|
76
|
-
<a href="photo.html">
|
|
81
|
+
<a href="photo.html">テキスト</a>
|
|
77
|
-
<a href="dokusyo.html">
|
|
82
|
+
<a href="dokusyo.html">テキスト</a>
|
|
78
83
|
</p>
|
|
79
84
|
|
|
80
85
|
|
|
81
86
|
<footer>
|
|
82
87
|
|
|
83
|
-
<small>
|
|
88
|
+
<small>テキスト</small>
|
|
84
89
|
|
|
85
90
|
</footer>
|
|
86
91
|
</body>
|
|
87
92
|
</html>
|
|
88
93
|
|
|
94
|
+
```
|
|
89
95
|
|
|
90
96
|
|
|
91
97
|
CSS↓
|
|
98
|
+
```CSS
|
|
92
99
|
body {
|
|
93
100
|
margin: 0;
|
|
94
101
|
padding: 0;
|
|
@@ -205,9 +212,10 @@
|
|
|
205
212
|
background-size: cover;
|
|
206
213
|
｝
|
|
207
214
|
|
|
215
|
+
```
|
|
208
216
|
|
|
209
|
-
|
|
217
|
+
|
|
210
|
-
|
|
218
|
+
|
|
211
219
|
### 試したこと
|
|
212
220
|
|
|
213
221
|
キャッシュの除去（Ctrl＋F5）
|
2
文章の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
私は、Webデザインを学ぶ初心者です。練習で作成中のページですが、idが反映されません。書籍、Webデザイン見るだけノートを見ながらしています。原因が分からず何時間も苦しみ困っています。原因が知りたいです。よろしくお願いいたします。
|
|
4
4
|
### 発生している問題・エラーメッセージ
|
|
5
5
|
該当箇所↓
|
|
6
|
-
HTML↓
|
|
6
|
+
```HTML↓
|
|
7
7
|
<body id="top">
|
|
8
8
|
CSS↓
|
|
9
9
|
#top h1 {
|
|
@@ -64,9 +64,9 @@
|
|
|
64
64
|
太郎
|
|
65
65
|
</h1>
|
|
66
66
|
<p>
|
|
67
|
+
テキスト
|
|
67
|
-
|
|
68
|
+
<br>テキスト
|
|
68
|
-
<br>
|
|
69
|
+
<br>テキスト
|
|
69
|
-
<br>こんな親のエゴを満たすべく愛しい太郎の魅力をこのHPにぎゅっと詰め込んでみました！どうぞ生暖かく見守ってやって下さい。
|
|
70
70
|
</p>
|
|
71
71
|
</div>
|
|
72
72
|
<p class="abc">
|
|
@@ -206,6 +206,8 @@
|
|
|
206
206
|
｝
|
|
207
207
|
|
|
208
208
|
|
|
209
|
+
コード
|
|
210
|
+
```
|
|
209
211
|
### 試したこと
|
|
210
212
|
|
|
211
213
|
キャッシュの除去（Ctrl＋F5）
|
1
文章の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -210,10 +210,10 @@
|
|
|
210
210
|
|
|
211
211
|
キャッシュの除去（Ctrl＋F5）
|
|
212
212
|
スペル間違っていないかチェック（間違わないようにコピペで記入）
|
|
213
|
-
無意味だと思うがid名を変更してみた。変化なし。
|
|
213
|
+
無意味だと思うがid名を変更してみました。変化なし。
|
|
214
214
|
閉じ忘れ、. # の使い間違いではないかも確認。
|
|
215
215
|
関係ない部分をコメントアウトして確認。→意味ないかもしれないけれど、該当箇所を最後尾に移動させて確認。変化なし。idなので優先順位高いと思うけれど念のため。
|
|
216
|
-
書籍、宝島社の、Webデザイン見るだけノート、フルスクリーンページを作ろう144ページから169ページに沿って真似して記述している（文章、フォントや写真、色指定以外は、レイアウト、数値指定などが
|
|
216
|
+
書籍、宝島社の、Webデザイン見るだけノート、フルスクリーンページを作ろう144ページから169ページに沿って真似して記述している（文章、フォントや写真、色指定以外は、レイアウト、数値指定などが殆ど一緒）ので、書籍と違うところがないか確認。
|
|
217
217
|
|
|
218
218
|
### 補足情報（FW/ツールのバージョンなど）
|
|
219
219
|
書籍、宝島社の、Webデザイン見るだけノート、フルスクリーンページを作ろう144ページから169ページに沿って真似して記述
|