Ads By Google
記事タイトルと本文の間の線が消えてしまいました
記事タイトルと本文の間に線があるのですが、個別記事表示をすると見える線が、トップページで見ると消えてしまいます。どこをいじれば直るのでしょうか。閉じ忘れか何かでしょうか。教えてください。
ブログのトップページ
ブログ個別記事
よろしくお願いいたします。
2009-08-05 08:07の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(2)
2.
2009-08-05 19:56:57

スタイルシートで、
background の指定は、背景色、背景画像、背景の繰り返し、背景の位置、背景を固定するかどうか
を指定します。
全部を指定する必要はなくて省略して指定ができるので、
background: transparent;
は、
背景色を、透過(つまり親要素をそのまま表示)する、という指定です。
IEで問題となるのは、
省略した指定が、既定値が使われてしまうことで
背景画像(background-image)がnone(なし)
とされて、親要素H2 で指定した背景画像指定が取り消されています。
それで表示されなくなっているのです。
解決法としては、
他の指定は(既定値で)変更されないので、
意図したように表示されるようになると思います。
また、background-color の既定値は、transparent なので、
わざわざ指定する必要自体ありませんので、
つまり、
a, a:link , a:active , a:visited ,
a:hover , a:focus {color: #FF0033; background: transparent;text-decoration: none;}
としている部分で、background: transparent;の部分が問題の部分です。
background の指定は、背景色、背景画像、背景の繰り返し、背景の位置、背景を固定するかどうか
を指定します。
全部を指定する必要はなくて省略して指定ができるので、
background: transparent;
は、
背景色を、透過(つまり親要素をそのまま表示)する、という指定です。
IEで問題となるのは、
省略した指定が、既定値が使われてしまうことで
背景画像(background-image)がnone(なし)
とされて、親要素H2 で指定した背景画像指定が取り消されています。
それで表示されなくなっているのです。
解決法としては、
background: transparent;は、
background-color:transparent;と同じ意味ですから、このように変更すると、
他の指定は(既定値で)変更されないので、
意図したように表示されるようになると思います。
また、background-color の既定値は、transparent なので、
わざわざ指定する必要自体ありませんので、
background: transparent;自体を削除してしまってもよいです。
つまり、
a, a:link , a:active , a:visited ,
a:hover , a:focus {color: #FF0033; text-decoration: none;}
のようにします。
回答レベル : アドバイス
いつもいつもありがとうございます。おかげ様で解決しました。
初心者にも分かりやすく記述して頂き、勉強になりました。
重ね重ね感謝いたします。
1.
2009-08-05 11:02:12

FireFox3.5だとトップページも見えますが、IE7だと確かに見えませんね。
(というかFireFoxだとトップが異様に重いのはなぜ?)
この部分の違いかな?
<<TOP>>
弄って調べてみると
aタグを噛ましているのが原因。
対処法は御先生方に任せますw
(というかFireFoxだとトップが異様に重いのはなぜ?)
この部分の違いかな?
<<TOP>>
<h2 class="title entry-title" id="a51224698"><a href="http://blog.livedoor.jp/kurakura50241/archives/51224698.html" title="8月4日畑の様子" rel="bookmark">8月4日畑の様子</a></h2><<記事>>
<h2 class="title entry-title">8月4日畑の様子</h2><<CSS>>
.title {
・・・
background: url(http://image.blog.livedoor.jp/kurakura50241/imgs/b/7/b7dd0f2a.png) repeat-x 0 100%;
}弄って調べてみると
aタグを噛ましているのが原因。
対処法は御先生方に任せますw
プーニンがちょとっこ戻ってきましたが何か さん
ありがとうございました!解決しました。今後ともよろしくお願いいたします。
Ads By Google
コメント(2)
#1. kurakura50241
2009-08-05 11:38:55
>>1
見て頂いてありがとうございます。初心者なので、わからないのですが、トップページの</a>を消せば、改善するのでしょうか?デザインのカスタマイズ画面からは、おっしゃっているトップページの編集が出来ないとしたら、どうやって編集すればよいのでしょうか?すみません、質問が初歩的でして...。
とにもかくにも、回答ありがとうございます!
引き続き皆さんよろしくお願いいたします。
2009-08-06 02:31:40





