Ads by Google
その4〜左サイドバーを整頓〜
おはようございます。
昨年とはうってかわって「朝起き+弁当作る+勉強」が
できています。
なかなかいいスタートの2005年、びおびおです。
今日は左サイドバーを、整頓しました。
[CSS]
#left {
position:absolute; ←これがよくわかりませぬ。。
top:110px;
left:55px; ← ← ←ずいぶん左に離れてたので
margin-top: 15px; 呼び戻しました。
width: 200px;
background-color: #;
height: auto; /* temp */ ←200pxだったのをautoに。
font-size:75%; ←80%だったのを小さく。
text-align:left; ←センターにきてたので左揃えに。
padding:5px; ←ちょっと疑問が。。
border:1px solid #666;
}
ul.olを使うと左端が空くのがいやなので、
はずしてみました。
[HTML]
<div class="info"> <!--インフォ-->
<%author_name>のblog<br>
<%introduction2><br>
<a href="<%url>?xml">RSS</a><br>
<%ad><%ad2>
</div> ←<li></li>もはずして<br>を入れてみた。
<h3>びおのエントリーたち</h3>
<div>
<!--recent--> <!--最近の記事一覧-->
<li><a href="<%recent_link>"
title="<%recent_body>"><%recent_title></a>
<span>(<%recent_month>/<%recent_day>)</li>
<!--/recent-->
</div> ←<li></li>は残してみた。
[?] <li></li>って単独で使ってもいいのかなあ。
[メモ]
div 一段落、前後に空きがない。
p 一段落、前後に空きがある。(文章中に使うといいね)
[?]
relative→標準表示位置からの相対位置で配置
absolute→親要素に対する絶対位置で配置
探してきました「absolute は、relative または absolute を
指定した親要素(無ければページ)の左上を原点とします」
わからないです。。頭がわかってくれないです。
今日一日、考えてみます。
[?]
昨日marginとpaddingのくらべっこして、理解したと
思ってるんですが、左サイドにpaddingを5px以上入れると
右に幅がのびて、センターにかかってしまいます。
なんでだろう。。
今日は、やってるうちにいろいろ[?]が出てきたので
いろいろ、調べたりします。
次回の〜右サイドの整頓〜はちょっと先になるかな。。
亀の歩みは、力強く!(なんですか。それ)
では。よい一日を!ね。びおびおくん。
昨年とはうってかわって「朝起き+弁当作る+勉強」が
できています。
なかなかいいスタートの2005年、びおびおです。
今日は左サイドバーを、整頓しました。
[CSS]
#left {
position:absolute; ←これがよくわかりませぬ。。
top:110px;
left:55px; ← ← ←ずいぶん左に離れてたので
margin-top: 15px; 呼び戻しました。
width: 200px;
background-color: #;
height: auto; /* temp */ ←200pxだったのをautoに。
font-size:75%; ←80%だったのを小さく。
text-align:left; ←センターにきてたので左揃えに。
padding:5px; ←ちょっと疑問が。。
border:1px solid #666;
}
ul.olを使うと左端が空くのがいやなので、
はずしてみました。
[HTML]
<div class="info"> <!--インフォ-->
<%author_name>のblog<br>
<%introduction2><br>
<a href="<%url>?xml">RSS</a><br>
<%ad><%ad2>
</div> ←<li></li>もはずして<br>を入れてみた。
<h3>びおのエントリーたち</h3>
<div>
<!--recent--> <!--最近の記事一覧-->
<li><a href="<%recent_link>"
title="<%recent_body>"><%recent_title></a>
<span>(<%recent_month>/<%recent_day>)</li>
<!--/recent-->
</div> ←<li></li>は残してみた。
[?] <li></li>って単独で使ってもいいのかなあ。
[メモ]
div 一段落、前後に空きがない。
p 一段落、前後に空きがある。(文章中に使うといいね)
[?]
relative→標準表示位置からの相対位置で配置
absolute→親要素に対する絶対位置で配置
探してきました「absolute は、relative または absolute を
指定した親要素(無ければページ)の左上を原点とします」
わからないです。。頭がわかってくれないです。
今日一日、考えてみます。
[?]
昨日marginとpaddingのくらべっこして、理解したと
思ってるんですが、左サイドにpaddingを5px以上入れると
右に幅がのびて、センターにかかってしまいます。
なんでだろう。。
今日は、やってるうちにいろいろ[?]が出てきたので
いろいろ、調べたりします。
次回の〜右サイドの整頓〜はちょっと先になるかな。。
亀の歩みは、力強く!(なんですか。それ)
では。よい一日を!ね。びおびおくん。



びおびお(02/21)
せんちゃん(02/20)
高橋孤舟(02/19)
びおびお(11/28)
みんなのプロフィール
(09/04)