Ads by Google

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

その3〜センターをととのえる〜

昨日、左サイドからといいましたが、
本文があるセンターから。。

#center {
position: relative;
margin-left:215px; 
margin-top: 5px;   
width: 370px;     ←下でpaddingを左右10づつ
background-color: #;   取ったので20減らしている
height: auto; /* temp */
font-size:80%;
padding-left:10px;   ←追加
padding-right:10px;   ←追加
border:1px solid #666; ←後で消します
}

1エントリと1エントリの間を、すこし空けたいと
margin-bottomやpadding-bottomを入れてみるけど
変更されないのです。うむむ。やり方が違うのかな。
(考え中)

そだ。記事にHTMLを載せる時は<>を大文字にしないと
反応してしまってたけど、CCSはそのまま載せてても
大丈夫なのだろうか?? 
一応、確認はして、大丈夫そうだけど。
あの。大丈夫?(と聞いてみる)

それから、下のsub(記事の日付、コメント、TB数)を
番号入りから箇条書きに変更して、左にそろえたかったので

<div class="sub">←olからulにしたあとdivに変更(笑)
          ←ここにあった<ol type="A">を消す
<li>略</li>
<li>略</li>
<li>略</li>
<li>略</li>
</div>

おお!
ol.ulからdivに変えたら、勝手に左端に揃ってくれました。


と、こんなかんじです。
では、また。
*あれ、今見たら、左右のサイドバーがセンターから
  離れてしまったぞ。。??

<<その3.5〜教えにならう〜 | ホーム | その2〜ぞれぞれの位置とバナーをなんとかする〜>>

Thanks Comment !

  

>1エントリと1エントリの間を、すこし空けたい

これですが、いくつかの方法があります。
まず、CSSに

.content h3 {
margin-top: 200px;
}

といれて、タイトルの上部を空ける方法。これだと確かにタイトルとその直上とのスキマを開けることが出来ますが、最上部も開いてしまいます。

次に、エントリ本文の「下」にマージンを取る方法。これは本文を適当な div 等でくくり、それに margin-bottom をつけてやる方法。コチラのほうがスマートですね。
  1. 2005/01/06(Thu) 10:50:26 |
  2. URL |
  3. V.J.Catkick #qbIq4rIg
  4. [ちょと手直し]
  

ありがとうございます!
今更ながら「CSSって便利だなあ」って思いました。
ただ、idとclassの使い分けが、参考書を読んでも
いまいちよくわかりませんです。
う=なんとなくは、わかるような。。(不安 笑)
いまから、ネット巡りして答えを探してきます。
  1. 2005/01/07(Fri) 08:29:28 |
  2. URL |
  3. びおびお #ZJFCUQBw
  4. [ちょと手直し]

comment:
biobioのみ、表示を許可する