知識、知恵のカタマリ

[PR]livedoorプレミアム会員が検証!

解決済

投稿文の文字サイズを変えたい。

シンプルデザインの「オレンジ(3カラム)」を使っています。本文の文字サイズを少し小さくしようと思い、スタイルシート(CSS)の

.main,.mainmore{
font-size:small;
padding:25px 0px;
line-height:120%;
}
のfont-size:small;
をfont-size:x-small;
とかfont-size:12px;
とかでやってみたのですが、再構築後、ブログを見てみると、真ん中のカラムが左側のカラムの上に重なったような状態で左はじに寄ってしまい、右側のカラムはすっかり姿を消してしまいます。文字のサイズを変更するやり方で何か間違っているのでしょうか。

2006-04-19 09:43の質問
デザイン  レンジ  シンプル  文字  3カラム  サイズ  本文  
デザイン
デザイン の情報はこちらです
www.span.ne.jp
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(2)

1.

2006-04-19 10:18:47みんなナイスな
はい、その方法で間違いないです。
これで、できないのであれば、何か入力ミスをしている可能性が高いです。

もう一度、「オレンジ(3カラム)」の状態に戻して、カスタマイズに進み、こんどは直接、入力欄で、smallの前に、「x-」と英語半角文字で、半角のマイナスも間違わず入力して、(この内容で保存する)[デザイン(CSS)](ブログの再構築)をしてみてください。
回答レベル : 回答

2.

2006-04-19 10:54:21みんなナイスな
犯しやすいミス

・ }が重なっている。
・ }が抜けている。
・ 全角スペースが入っている。

など。

一旦元のデザインを選びなおして全ページ再構築し、変更をやり直してみて下さい。

ただ、文字サイズを小さくするのはおすすめしません。

下記質問、参考にされてみて下さい。
http://knowledge.livedoor.com/4840
Ads By Google

コメント(4)

#1.  kimmay
2006-04-19 10:45:02

>>1
回答、ありがとうございます。もう一度、入力ミスのないようにやってみたのですが、本文の文字は確かに小さくさっています。ただ、画面の状態はやはり同じになってしまいます。本文の文字の大きさを小さくしたでけで、左側のカラムの上に、真ん中のカラムが重なった状態で左側に移動し、右側のカラムはなくなっている、ということは、何が原因なのでしょうか。心当たりのある方がいたら、教えてください。

#2.  kimmay
2006-04-19 11:13:36

>>2
コメント、ありがとうございます。
ただ、(1)全角等が入るということはないと思います。まず、入力フォントを「直接入力」にしてからやりましたので、半角英数字です。(2)変更したい部分のみ、例えば、「small」の前に「x-」と挿入するとか、「12px」にするとかしたので。それも、毎回、元のデザインに再構築し、ブログの画面上でもとに戻っているのを確認し、再度トライを数回やってみたのですが、結果は同じでした。他に、CSSでいじっているところもありませんし…。文字を大きくしたとか、挿入した画像が大きすぎた、とかの理由でカラムが変になるならわかるのですが、文字小さくしただけで、なんでこんなにカラムがくずれるのか、理由がまったくわかりません。同じような経験した方、いらっしゃらないでしょうか…。

#3.  クエン
2006-04-19 11:34:18

変更の方法は問題ないと思います。

では次の事を確認されてみて下さい。

・表示が崩れているのはトップページのみか?
・個別記事や、カテゴリーアーカイブ、月別ページでも崩れているか。

もしも表示が崩れないページがあるのでしたら、個別記事の中に問題があるのかもしれません。

上記確認されてみて、トップページの中にある記事のひとつだけで表示が崩れているのでしたら、その記事中にある問題を解決した方が良いかもしれません。

いずれにしても、サイトを提示していただいた方が解決は早いと思います。

#4.  kimmay
2006-04-19 12:33:57

>>1,2,3
皆様、解決しました。何度もコメントを頂きありがとうございました。ただ、なぜ解決したかが、きちっとわかってないことに不安は残りますが…。「文字を小さくするのは、おすすめしません」というクエンさんのアドバイスもあり、文字が小さくできなければ、せめてもう少し読み易いようにと、行間を120%から150%に変更しました。その後、トップページの一つ目の記事に挿入してある写真をセンタリングで中央にくるようにしました。でも、この記事だけで、トップページにある他の記事の写真は左寄せのままです。その後、クエンさんの、他のページも見てみたほうがよいのでは、ということで、もう一度、本文の文字サイズをスタイルシート上で小さく設定したところ、今度は、画面上のデザインもくずれず、文字も小さくなり、トップページ以外のページも問題ありませんでした。とりあえず、解決しました。お騒がせしましたが、ありがとうございました。

トラックバック

トラックバックURL: