--年--月--日(--)--時

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

2010年11月17日(水)19時

記事のタイトルの背景がバグる

記事タイトルの背景が変になるときがあります。
ブラウザ側の問題かもしれないけど、ちょっと修正しました。


■作業
HTMLで新しいパーツ分けをする。
CSSを修正する。


■ソースコード

HTML

~略~

<!--topentry-->
<div class="entry">
<div class="title">
<h3><%topentry_year>年<%topentry_month>月<%topentry_day>日(<%topentry_wayoubi>)<%topentry_hour>時</h3>
<h4><a href="<%topentry_link>"><%topentry_title></a></h4>
</div>
<p><%topentry_body></p>
</div>
<!--/topentry-->

~略~

CSS
~略~

.entry h3,h4,h4 a
{
   margin: 0;
   padding: 5px;
   background-color: #9999dd;
   color: #ffffff;
   font-size: 18px;
}


~略~
を次に変更↓
~略~

.entry .title
{
   background-color: #9999dd;
}
.entry .title h3, .entry .title h4
{
   margin: 0;
   padding: 5px;
   color: #ffffff;
   font-size: 18px;
}
.entry .title h4 a
{
   color: #ffffff;
}


~略~


■結果
CSSがちょっとややこしくなりましたが、バグは消えました。

スポンサーサイト

コメント

コメントの投稿

カテゴリ
作り方 (0)
自作 (25)
配布 (0)
ブログ (2)
全記事表示リンク

全ての記事を表示する

プロフィール

FlatCraft

Author:FlatCraft
こんにちわ

カレンダー
10 | 2017/11 | 12
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 - -
最新記事
最新コメント
最新トラックバック
月別アーカイブ
FC2アクセスランキング
ランダムブログボタン
検索フォーム
RSSリンクの表示
リンク
このブログをリンクに追加する
FC2ブックマーク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。