はじめてのブログデザイン

ホームページ制作の経験を活かしてブログテンプレートのデザインに挑戦!

スポンサーサイト

--/--/-- -- [Edit]

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

コメントの本文に CSS の指定が反映されない

2008/02/14 Thu [Edit]

ブログで配布中のテンプレート h007-3middle で、コメントの本文部分で CSS の指定が反映されない不具合がありました。

■原因
HTML 内では p 要素なのに、CSS で div セレクタで指定していた為。
■解決方法
style.css(FC2 のスタイルシート編集画面)内の 482 行目付近にある div.comment-body を p.comment-body へ置換。
■備考
配布中のテンプレートは修正済みです。ご迷惑お掛けしてしまった方、可愛い可愛い31のおっさんの、お茶目なミスとお許しください☆

世間一般人様へ
ご迷惑おかけしてすいませんでした。ご報告ありがとうございます!

スポンサーサイト

FC2ブログカスタマイズ ~コメント送信ボタンをデフォルトに戻す~

2008/02/10 Sun [Edit]

ブログで配布中のテンプレートh007-3middle」をカスタマイズ中の方から下記のご質問を頂きました。

標準のボタンデザインに戻すには、CSSを直す必要があると思うのですが、~略~ どのように訂正したらいいでしょうか?

今回のボタンとはコメントフォームの送信ボタンを指しています。配布中のテンプレートではこのボタンに画像を使用しているのですが、それを削除しブラウザ固有のデフォルトのボタンに戻すのが今回のカスタマイズのお題目となります。

興味のある方は続きをどうぞ。
※カスタマイズする前にテンプレートをバックアップ(複製)をしておくと安心です。
※今回のカスタマイズは当ブログで配布中のテンプレートが対象です。

続きを読む ≫

display:block した a 要素(リンク)を IE6 でも安定させる方法

2008/02/09 Sat [Edit]

ブログで配布中のテンプレートh007-3middle」をカスタマイズ中の方から以下のご質問を頂きました。

右サイドバーは問題なくテーブルリンクになってますが、左サイドバーは通常のリンク(文字にポイントして指マークが出るリンク)になってしまいます。

上記のご質問の不具合は Windows の IE6 で確認でき、発生条件はテンプレートの記事部分の拡張カスタマイズと併せ、サイドバーの背景色、フォントサイズ、記事のタイトル部分の装飾などなど、多岐に及んでいますので、必ずしもテンプレートをカスタマイズした時に IE6 で発生するとは断言できません。今回、原因の追究を数日間試みていたのですが、残念ながらはっきりとした答えは見つかりませんでした。

しかし、原因(おそらく IE6 のバグ)は分りませんでしたが、解決策は発見できましたので、上記のご質問と似たような症状が発生した際は以下の解決方法をお試しください。

今回の解決方法を適用後 Mac と Windows のモダンブラウザで確認しましたが他の要素への悪影響はありませんでした。

また、Web 制作者の方も IE6 において display:block させた a 要素の挙動が不安定な時に覚えておいて損のない Tips(小技)だと思いますので、宜しければ続きをどうぞ。

続きを読む ≫

IE6 で float させると親要素の border が消える CSS バグ

2008/02/04 Mon [Edit]

Windows の IE6 に CSS で float を指定した際、その float 指定した要素の親要素に指定された左右の border が消えるバグがあるようです。

私が上記のバグに気が付いたのは ul 要素内の li 要素を並列させる為に、li 要素に float:left; と指定しボタンを作成した時に気が付きました。
以下、その時のサンプルソースです。(※ボタンは3つを並列させているとお考えください。)

ul {
	width : 99%;/* IE6 の為に指定 */
	text-align : center;
	list-style-position : inside;
	border-left : solid 1px #ccc;
	overflow : auto;
}

ul li {
	float : left;
	width : 33%;
	height : 30px;
	line-height : 30px;
	list-style-type : none;
	border-top : solid 1px #ccc;
	border-bottom : solid 1px #ccc;
	border-right : solid 1px #ccc;
}

上のソースのい部分のように、親要素に width を指定すると border が表示されます。

ちなみに IE7 では親要素に width を指定しなくても border は表示されていました。

結論
IE6 の親は子供が浮かれると甘くなりがち。

Top
はじめてのブログデザイン

はじめに・・・

hajime

Author:hajime
はじめまして!齢32を迎えたおっさんです。
当ブログではホームページ制作の経験を活かして、日々ブログテンプレートのデザインを勉強しています。ご意見ご質問アドバイスなどありましたら、お気軽にコメントください!

ブログテンプレートのご使用についてをご覧頂けると注意点などをご確認いただけます。

ブログテンプレート一覧表では、今迄当ブログで制作してきたテンプレートをご覧頂けます。

はじめてのブログデザイン記事一覧で、気になる記事を探してみませんか?

はじめてのブログはFC2ブログで良いと思うに一票。

Mail Address

Google AdSense

RSSフィード

便利なブックマーク

リンク

ロックオン


ドメインが増えてきたので引っ越し検討中のレンタルサーバー。

カテゴリー

タグクラウド

検索フォーム

最近の記事

最近のコメント

最近のトラックバック

お気に入り

EIZOダイレクト
私の中で出ている1つの答え。それは液晶モニターに関しては今も昔もこれからも EIZO(ナナオ)。

ドメイン検索
a
.com .net .info .mobi

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