回答編集履歴
3
CSSのミスの解決
test
CHANGED
|
@@ -190,6 +190,8 @@
|
|
|
190
190
|
|
|
191
191
|
そして、「**メニューを左に寄せたいのに隙間ができる**」のは、stylesheet.cssに書いてあるmainクラスのpaddingという余白を設定するプロパティにpadding-left、つまり**左側に余白を125px作る設定**がされているのが原因ですので、これを0とすることでこの問題は解決できます。
|
|
192
192
|
|
|
193
|
+
また、HTML5から**align属性は廃止**されましたので、代わりにleft_sideクラスを作り、左に寄せます。
|
|
194
|
+
|
|
193
195
|
サイトを質問者さんの意図とおりのレイアウトにしたいときは、stylesheet.cssをこのようにします。
|
|
194
196
|
|
|
195
197
|
```CSS
|
|
@@ -228,6 +230,14 @@
|
|
|
228
230
|
|
|
229
231
|
|
|
230
232
|
|
|
233
|
+
.left_side {
|
|
234
|
+
|
|
235
|
+
text-align: left;
|
|
236
|
+
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
|
|
240
|
+
|
|
231
241
|
.footer {
|
|
232
242
|
|
|
233
243
|
background-color: tomato;
|
2
強調箇所の追加
test
CHANGED
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
|
|
115
115
|
はじめに[ドキュメントタイプ宣言](http://www.htmq.com/html/doctype.shtml)をして、[HTMLタグ](http://www.htmq.com/html/html.shtml)を書いた後に、いきなり[bodyタグ](http://www.htmq.com/html/body.shtml)が書かれています(これは別にかまいませんが**オススメはできません**)。また、その[bodyタグ](http://www.htmq.com/html/body.shtml)の中に[headタグ](http://www.htmq.com/html/head.shtml)が書かれています(これはいけません)。このように、HTML5の書き方として間違っている部分があります。
|
|
116
116
|
|
|
117
|
-
そのため、先ほど挙げたサイトなどでHTML5の基本的な書き方を学んでいくと今後のサイト作成もスムーズに行えると思います。
|
|
117
|
+
そのため、[先ほど挙げたサイト](http://www.htmq.com/)などでHTML5の基本的な書き方を学んでいくと今後のサイト作成もスムーズに行えると思います。
|
|
118
118
|
|
|
119
119
|
ここから回答
|
|
120
120
|
|
1
文字の強調箇所の追加
test
CHANGED
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
|
|
113
113
|
```
|
|
114
114
|
|
|
115
|
-
はじめに[ドキュメントタイプ宣言](http://www.htmq.com/html/doctype.shtml)をして、HTMLタグを書いた後に、いきなりbodyタグが書かれています。また、そのbodyタグの中にheadタグが書かれてい
|
|
115
|
+
はじめに[ドキュメントタイプ宣言](http://www.htmq.com/html/doctype.shtml)をして、[HTMLタグ](http://www.htmq.com/html/html.shtml)を書いた後に、いきなり[bodyタグ](http://www.htmq.com/html/body.shtml)が書かれています(これは別にかまいませんが**オススメはできません**)。また、その[bodyタグ](http://www.htmq.com/html/body.shtml)の中に[headタグ](http://www.htmq.com/html/head.shtml)が書かれています(これはいけません)。このように、HTML5の書き方として間違っている部分があります。
|
|
116
116
|
|
|
117
117
|
そのため、先ほど挙げたサイトなどでHTML5の基本的な書き方を学んでいくと今後のサイト作成もスムーズに行えると思います。
|
|
118
118
|
|
|
@@ -188,7 +188,7 @@
|
|
|
188
188
|
|
|
189
189
|
```
|
|
190
190
|
|
|
191
|
-
そして、「**メニューを左に寄せたいのに隙間ができる**」のは、stylesheet.cssに書いてあるmainクラスのpaddingという余白を設定するプロパティにpadding-left、つまり左側に余白を125px作る設定がされているのが原因ですので、これを0とすることでこの問題は解決できます。
|
|
191
|
+
そして、「**メニューを左に寄せたいのに隙間ができる**」のは、stylesheet.cssに書いてあるmainクラスのpaddingという余白を設定するプロパティにpadding-left、つまり**左側に余白を125px作る設定**がされているのが原因ですので、これを0とすることでこの問題は解決できます。
|
|
192
192
|
|
|
193
193
|
サイトを質問者さんの意図とおりのレイアウトにしたいときは、stylesheet.cssをこのようにします。
|
|
194
194
|
|