Ads By Google
前の記事と次の記事との間隔を広げるにはどうすればよいでしょうか?CSSを当てずっぽうにいじってはいるのですが、わかりません。よろしくお願いします。

2006-07-11 06:43の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
回答(1)
1.
2006-07-11 11:16:54
殆どのテンプレートがそこの間を調整するのに、.posted{ } の中で指示を出していると思います。
管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > をクリックすると、CSS と4つ の HTML がでてきます。そのうち CSS を上からのぞいていくとこういう記述が見れます。↓( テンプレートによって、記述が違います。あくまでも例としてお考え下さい )
.posted{
font-size:9px;
text-align:right;
padding:10px 15px;
}
いずれにしても上記のように、padding で調整しているのですが、上のような表記の場合は、左側の数字が上下、右側の数字が左右の調整をあらわします。
この部分を上下左右単独で調整できるように書き換え、そして数字を変更する事で調整すれば良いでしょう。
このようにです。↓
padding:10px 15px 10px 15px;
↑これと、padding:10px 15px; ← これは同じ意味です。
左側の数字から、上、右、下、左 をあらわします。
これで、左から3番目の " 下 " にあたる部分の数字を入れ替えれば、質問の調整ができるようになります。
書き換えた後は CSS の保存。CSS の再構築をかけ、ブラウザーを更新させるのに再読み込みさせて下さい。反映されています。
管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > をクリックすると、CSS と4つ の HTML がでてきます。そのうち CSS を上からのぞいていくとこういう記述が見れます。↓( テンプレートによって、記述が違います。あくまでも例としてお考え下さい )
.posted{
font-size:9px;
text-align:right;
padding:10px 15px;
}
いずれにしても上記のように、padding で調整しているのですが、上のような表記の場合は、左側の数字が上下、右側の数字が左右の調整をあらわします。
この部分を上下左右単独で調整できるように書き換え、そして数字を変更する事で調整すれば良いでしょう。
このようにです。↓
padding:10px 15px 10px 15px;
↑これと、padding:10px 15px; ← これは同じ意味です。
左側の数字から、上、右、下、左 をあらわします。
これで、左から3番目の " 下 " にあたる部分の数字を入れ替えれば、質問の調整ができるようになります。
書き換えた後は CSS の保存。CSS の再構築をかけ、ブラウザーを更新させるのに再読み込みさせて下さい。反映されています。
回答レベル : 回答
Ads By Google
コメント(1)
#1. soy
2006-07-12 23:25:43
回答ありがとうございます。ただ、
a.continues{}
.posted{
font-size:10px;
color:#9a9a9a;
text-align:right;
padding:2px 0px 15px 0px;
}
.posted a{}
.menu{
font-size:10px;
text-align:right;
padding:2px 0px 15px 0px;
}
こんな風にしましたが何も変わりません・・・




