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;
}
/* 基本的な設定 */
この場所だけに追加すれば大丈夫です。先ほどの部分の追加は必要ありません。
テーブルを画像組みや、簡単な表でしか使わない場合は、このスタイルシートを追加してしまったほうがよいかもしれません。
これでも画像の下のフォントサイズが治らない場合は、再現していただかないと原因がわかりかねます。
このテンプレ全体に壁紙を使用することは出来るのでしょうか?
自分なりに試行錯誤したのですがちゃんと反映されません
年明けで忙しいと思いますが教えて貰えて貰えないでしょうか?