ブログの練習

そら吉さんのブログのバナーが変更されました。
やったあー！！

でも、高さが変わっていないなあ、あの高さかっこよかったから、あのままにしたのかな・・・
などと考えていたら、「出来たような出来ないような・・・」というコメントがありました。

あわててスタイルシートを見たら、そら吉さんのがんばりの姿が見えました。
ごめんなさい、説明分りにくかったですよね。

バナーの高さを指定する場所が違っているので、
その位置を変えるだけで、大丈夫ですよ。


（今のスタイルシート）

/* ヘッダー
================================================== */
#banner {
　　　margin-bottom: 1em;
　　　padding: 0px 0px 0px 10px;
　　　background: url(//img01.tsukuba.ch/usr/studiomove/新バナー.jpg)
}
#banner a:link, #banner a:visited {
　　　color: #FFF;
　　　text-decoration: none;
}height:276px


（訂正するところ）青い文字のところが変更箇所です。

/* ヘッダー
================================================== */
#banner {
　　　margin-bottom: 1em;
　　　padding: 0px 0px 0px 10px;
　　　background: url(//img01.tsukuba.ch/usr/studiomove/新バナー.jpg);
　　　height:276px;
}
#banner a:link, #banner a:visited {
　　　color: #FFF;
　　　text-decoration: none;
}


置き場所を指定したら、最後に「;」を必ず付けてください。
「」（カギカッコ）の　」　（カッコとじ）みたいなものと思ってください。

ですので、backgroundのurlの最後にも ; を付けてくださいね。

background: url(//img01.tsukuba.ch/usr/studiomove/新バナー.jpg);

↑ 分りにくいので、大きくしてみました。最後の ; を確認してくださいね。


訂正箇所をこのまま、コピー＆ペーストして
スタイルシートに貼り付けても大丈夫だと思います。

その時は、先の変更前の部分を削除してくださいね。
そうしないと、デザインが崩れてしまいますので。