「使えて+いじれる」FC2ブログテンプレート テーブル内のフォントサイズと色の指定
FC2ブログ
Powered By FC2ブログ
ブログやるならFC2ブログ
今すぐブログを作っちゃおう!

2006年12月23日

テーブル内のフォントサイズと色の指定

「画像の下にいれた文字のサイズが大きくなる」、という質問を頂いたんですが、考えられるのは画像をテーブル内に配置する場合です。
以前にエントリしていますが、テーブルは使い方が単純ではないので、あえて何もスタイルシートで設定していません。
ですので、文字サイズはブラウザの標準サイズになりますので、たいていは大きくなってしまいます。

特に深く考えない場合は、メイン部分で使用するテーブル全てに対してスタイルシートを適用すれば簡単です。


#box-main img{
margin-right: 16px;
margin-bottom: 16px;
}

#box-main ul{
margin: 10px 0 10px 16px;
line-height: 175%;
}

#box-main table{
font-size: 12px;
color: #000;
}

/* メイン部分 */

赤色の部分をできればこの場所に追加してください。これでテーブルを使用しても、他のテキストと同様に12pxサイズのフォントで表示されます。

また、この場合はメイン部分だけの指定になりますので、ブログ全体で同じサイズ(12px)で表示したい、という場合は以下になります。


.section{
}

table{
font-size: 12px;
color: #000;
}

/*    基本的な設定    */

この場所だけに追加すれば大丈夫です。先ほどの部分の追加は必要ありません。
テーブルを画像組みや、簡単な表でしか使わない場合は、このスタイルシートを追加してしまったほうがよいかもしれません。

これでも画像の下のフォントサイズが治らない場合は、再現していただかないと原因がわかりかねます。

コメント

こちらのテンプレが気に入ってテンプレを使わせて貰ってます
このテンプレ全体に壁紙を使用することは出来るのでしょうか?
自分なりに試行錯誤したのですがちゃんと反映されません
年明けで忙しいと思いますが教えて貰えて貰えないでしょうか?

こんな感じで

卍-XiaoXiao-卍さん、こんにちは。
テンプレのご利用ありがとうごさいます。

テンプレ全体の意味合いがちょっと正確にわからなかった
ので、基本的に解説になっています。

もし本文やバナー部分にも適用する場合は、該当部分の
背景色箇所を削除してください。

お借りしました。
初心者なので、まったく解らず、何時間もかかってますが、かゆいところに手が届く説明で、本当にたすかります。

管理人様、あなたは天才です!!!

本当に本当にありがとうございます。
毎日、参考にさせていただいてます。

ありがとうございます

犬大好き♪4匹のワンコのママさん、こんにちは。
そんなたいしたものでもないので褒めすぎですw

でもそれだけ喜んでいただけるのなら、作ったかいがあるというものです。

ということで、擦り切れるくらい使いまくって下さいw

承認待ちコメント

このコメントは管理者の承認待ちです

コメントの投稿

サイト管理者にのみ通知する

トラックバックURL

http://templatetube.blog78.fc2.com/tb.php/14-c9238955
プロフィール

templatetube

Author:templatetube
FC2ブログへようこそ!

最近の記事
最近のコメント
最近のトラックバック
月別アーカイブ
カテゴリー
ブロとも申請フォーム

Appendix