P159のtext-alignプロパティでロゴ画像を中央に配置させようとしたところ
うまくいきません(左側のままです)。
IE11を使っています。
中央に配置するには、どうしたらよいかご教授ください。
まず、ロゴの部分のHTMLが、
<h1><a href="index.html"><img src="..."></a></h1>
になっていることを確認してください(上記ソースは一部省略。P.67あたりを見ながら、タグの順番が合っているかどうかをチェックしてください)。
その上で、もう一度、CSSの記述が正しいかどうか確かめてみてください。たとえば、スペースを空けようと思って全角スペースを入れていたり、途中のコロンや行末のセミコロンが抜けていないかどうか確認します。
それでもうまくいかないようであれば、もう一度ご連絡ください。
P.157くらいまではできていますか? もしどうしてもだめなようなら、該当部分のソースを見せてください。このコメントフォームの「code」ボタンをクリックしてからソースをはりつけ、終わりの部分でもう一度「code」をクリックしてください(セキュリティの関係上、通常のHTMLソースのままでは送信できないので)。
HTML
<meta charset=”UTF-8″>
)。必ず半角で入力します。<!–
と–>
になっているようですが、正しくはハイフンが2つで、<!--
と-->
です。<
も!
も-
もすべて半角で入力します。<div class=”wrapper>
のダブルクオート、「wrapper」の前が全角、後ろがありません。CSS
@charset “utf-8″;
のダブルクオートが全角または違う字になっているようです。CSSも必ず半角で入力します。margin-right: 0px
, margin-bottom: 20px
, margin-left: 0px
の終了セミコロンがありません。「;」がないと、多くの場合CSSは正常に動いてくれません。はじめのうちは、入力したソースの間違いを探すのは難しいと思います。正しく表示されないなと思ったら、HTMLやCSSの検証サービスを使うと、わりと簡単に間違いを見つけられます。
HTMLの検証(英語ですが間違い探しには使えると思います。日本語のHTMLも検証できます)
http://validator.w3.org
CSSの検証(こちらは日本語です。結果が分かりづらいですが、指摘された行数をたよりに直し、間違いがなくなるまで検証を繰り返すとよいでしょう)
http://jigsaw.w3.org/css-validator/