解決済

clip!clip!
Ads By Google

記事タイトルと本文の間の線が消えてしまいました

記事タイトルと本文の間に線があるのですが、個別記事表示をすると見える線が、トップページで見ると消えてしまいます。
どこをいじれば直るのでしょうか。閉じ忘れか何かでしょうか。教えてください。

ブログのトップページ

ブログ個別記事


よろしくお願いいたします。

2009-08-05 08:07の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

2.

2009-08-05 19:56:57ベスト
スタイルシートで、
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>>
<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)

2009-08-05 11:38:55

>>1
見て頂いてありがとうございます。初心者なので、わからないのですが、トップページの</a>を消せば、改善するのでしょうか?デザインのカスタマイズ画面からは、おっしゃっているトップページの編集が出来ないとしたら、どうやって編集すればよいのでしょうか?すみません、質問が初歩的でして...。

とにもかくにも、回答ありがとうございます!
引き続き皆さんよろしくお願いいたします。

それでは各記事リンクがなくなってしまうのでどうしたものかなあと思っていたらBLUEPIXYさんが答えをくれました。再現してませんがCSSで
>>2
の一番上の囲みと同じ文字列を探して、一番下の囲みと入れ替えてください。多分それで直ると思います。

トラックバック(2)

トラックバックURL: