その5〜横カレンダー〜

おはようございます。
「朝なわとび」でちょっと、筋肉痛です。
運動。運動。元気にいきましょう。2005年。です。

paddingを入れると、幅がそのぶん広がってしまうので
左右10pxづつへらして、整えました。

それで、横カレンダー

[HTML]
●bannerとcenterの間に、横カレンダーを入れたいので、
　＜ul class="yokocal"＞
　＜li＞＜a href="<%prev_month_link>"＞＜%prev_year＞.
　＜%prev_month＞＜/a＞＜/li＞
　＜li＞<<＜/li>＞
　＜!--calender2--＞
　＜li＞＜%days＞＜/li＞
　＜!--/calender2--＞
　＜li＞>>＜/li＞　
　＜li＞＜a href="＜%next_month_link>"＞＜%next_year＞.
　＜%next_month＞＜/a＞＜/li＞
　＜/ul＞
　　　　　　　　　　　　　　　　　　を入れました。

[CSS]
●centerにわかりやすいように、色を入れて、center部分を
　下げました。
　　#center {
　　　position:relative;
　　　background-color: #FF88FF;　←紫色に
　　　margin-top: 20px;
　　　}

●center部分を下げると、その中にはいってるcontentと
　左右のサイドバーも一緒に下がるのかなと思ってたら
　左右サイドバーはご一緒じゃなかった。。
　ので、それぞれ、様子を見ながら、下げる。
　　#left {
　　　position:absolute;　　　
　　　top:127px;　　　　　　←ここをちょこっと。
　　　：　　　　　　　　　　　　右サイドも同じく。
　
●＃banner＃centerの間に
　　.yokocal{
　　　position:absolute;
　　　top:105px;
　　　left:20px;
　　　text-align:center;
　　　font-size:65%;
　　　}

　　.yokocal li {
　　　display: inline;
　　　margin: 3px;
　　　}　　　　　　　　　　を入れました。

　縦だったカレンダーが横になりました！（CSSすごい！）
　左寄りなので、中央揃えにしたいのですが
　fc2のお手本どおりpaddingが入ったままだと、
　text-align:centerが効かないみたいなので、はずして
　それでも若干左寄りにみえるので、positionでleftを20px
　いれました。
　それとも、paddingを優先して、text-align:centerをはずし
　left:60pxにしたほうがよかったか。。
　どっちでも、思ったところに来たけど。

ここまでして、centerの色を白に戻しました。

見栄えは、後にして、きれいに並べてみてるところです。