解決済
Ads By Google
右の行にあるカテゴリ（ジャンル）の行間を広げたり、文字も小さくしたい
前のカスタムしたデザインが壊れて、１からになりました。せっかくなので横幅があるデザインで作り直しました。
前のデザインのＣＳＳとは全然違って、どこをいじったらいいか
わけ分からずです。おねがいします。
右のカテゴリの内容は見づらいのを直したいです。
よろしくおねがいします。
2009-09-09 11:20の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(3)
3.
2009-09-09 16:51:25
あぁ、行間もあったんですね。
本文はちゃんと読むんだけど
タイトルは流し読みしちゃうから
見逃してました･･･
行間は
div.side {の中に以下のような文章を追加して下さい。
ちなみにですが
他にも変更したい部分がある時は
例えば「行間」とかなら
参考になるページがみつかると思います。
本文はちゃんと読むんだけど
タイトルは流し読みしちゃうから
見逃してました･･･
行間は
div.side {の中に以下のような文章を追加して下さい。
line-height: 150%;数字は見ながら調整して下さい。
ちなみにですが
他にも変更したい部分がある時は
例えば「行間」とかなら
CSS 行間などでググってみると
参考になるページがみつかると思います。
できました！！！ありがとうございました！
1.
2009-09-09 13:03:35
div#mainとdiv#main div.column-innerと
div#subとdiv#extraの
220（-もあるから気をつけて）と230という数字を
変更してあげればいいと思います。
例えばサイドを300にしたいなら
(-)220→(-)300、230→310に変更するんじゃないかと思います。
ただし問題がひとつあって
この辺変更をすると
右側のカテゴリ欄の上下の丸みが無くなり
四角くなるので
見た目のバランスがちょっと崩れます。
原因は
右サイドの丸みが画像で出来ているので
サイズを大きくすると
はみ出てしまい適応されなくなってしまいます。
直す方法は
サイズを大きくした後に
自分で画像を作るしか無いです。
参考までに
いまRYOさんが利用している画像のurlです。
丸みを作ってる画像（上部）
div#subとdiv#extraの
220（-もあるから気をつけて）と230という数字を
変更してあげればいいと思います。
例えばサイドを300にしたいなら
(-)220→(-)300、230→310に変更するんじゃないかと思います。
ただし問題がひとつあって
この辺変更をすると
右側のカテゴリ欄の上下の丸みが無くなり
四角くなるので
見た目のバランスがちょっと崩れます。
原因は
右サイドの丸みが画像で出来ているので
サイズを大きくすると
はみ出てしまい適応されなくなってしまいます。
直す方法は
サイズを大きくした後に
自分で画像を作るしか無いです。
参考までに
いまRYOさんが利用している画像のurlです。
丸みを作ってる画像（上部）
2.
2009-09-09 13:08:46
Ads By Google
コメント(3)
#1. moka
2009-09-09 13:26:05
カテゴリの縦の行間なら広げなくても見づらくはありませんけど。
文字は>>2 の方のいわれる
div.side {
margin: 0 20px 20px;
text-align: center;
font-size: 90%; の数値で小さくなります。
#2. RYO_現在制作中
2009-09-09 15:30:33
文字を小さくすることはできましたが、
行間を調整しても何もなりませんでした。
div#mainとdiv#main div.column-innerと
div#subとdiv#extraの
220（-もあるから気をつけて）と230という数字を
見つけて変えましたが変わりませんでした。
#3. kavalier
2009-09-09 16:44:06
>#2
たぶん、変わると思うんですけどね･･･
ちなみに今確認してみたところ
220のままでした。
一回元に戻したんでしょうか？
試しに思い切った数字でやってみて下さい。
例えば220→320にするとか･･･
それで保存して、その後ブログのページで
ブラウザを更新してみて下さい。
これで変わってなかったら
違うのかもしれません。
