Ads by Google

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  • --/--/--(--) --:--:--
  • スポンサー広告
  • comment(-)

    • その3.5〜教えにならう〜

    お師匠さんに教えていただいたので、さっそく。。
    [HTML]
    ＜div class="honbun"＞
    ＜%topentry_body＞ ＜!--本文--＞
    （略）
    ＜/div＞ ＜!--sub--＞
    ＜/div＞ ＜!--honbun--＞

    下のsubの部分まで入れて、くくってみました。

    [CSS]
    .honbun{
    margin-bottom:50px;
    }
    これで、一記事ごとの空きがでました。（嬉）
    ついでに

    .sub{
    margin-top:30px;
    }
    テキストとsubの部分も、空けてみました。
    これで、書いた終わりに数行入れなくていいなあ〜。へへ。
    （今まで手作業していた、びおびお。。。）


    それから、昨日、寝ながら考えたこと。

    width: 370px;　　　←下でpaddingを左右１０づつ
    　　　　　　　　　　 取ったので２０減らしている

    減らす必要があるのかな。。と思って、
    また390に戻しました。多分、画面に変化があったので
    そう考えたんだろうけど、今戻してもなんの変化も
    ないので。。なんだったんだろう。。
    　　
    Seesaaって、記事にCSSをそのまま書くと
    反応しちゃうので、引用を使わなければならなかったです。
    FC2はそのままで大丈夫みたいだけど、これから先、
    FC2が進化していくとともに、変更されると、こわい！
    大丈夫かなあ。（その時がきたら、手作業しなくては。。）

    では。明日は、UPできないかもです。おでかけ〜。
  • 2005/01/07(Fri) 08:25:20
  • 材料をならべる（HTML）
  • TB:0
  • comment:3
    • <<試してみる〜marginとpadding〜 | ホーム | その３〜センターをととのえる〜>>

    Thanks Comment ！

    　　

    ずいぶんブログらしくなってきてましたね。
    ちょっと刺激を受けています。
    おでかけ、楽しんできてくださいね。
    1. 2005/01/07(Fri) 13:30:55 |
    2. URL |
    3. hanaboro #-
    4. [ちょと手直し]
    　　

    padding は内側の余白、margin は外側の余白です。例えば width:100px; に margin:10px; とやると幅は 100px + 10px + 10px = 120px になりますが、padding:10px とやると width は 100px のままです。内部は 100px - 10px - 10px = 80px になります。
    つまり
    width:100px; padding:10px;
    と
    width:80px; margin 10px;
    は見かけ上同じものに見えます。が、枠を引いて中に文字を書くと違いがわかりますよ。
    1. 2005/01/08(Sat) 19:26:22 |
    2. URL |
    3. V.J.Catkick #qbIq4rIg
    4. [ちょと手直し]
    　　

    ＊hanaboroさん
    CSSってすごい！って、思いました。
    あの文字のだらだら〜が、こんなに整頓されるとは。。
    （まだ、しきれてないけども）
    hanaboroさんも、英語で「花図鑑のボロボロブログ！」を製作中でしたよね？
    見に行きたいなあ。。

    ＊V.J.Catkickさん
    ありがとうございます！すごく、よくわかりました！
    「引くか引かないか」ということが、参考書やネットからなかなか探し当てられなくて。。
    これで、長年の煩いがひとつ消えました（笑）
    Catkickさんのコメント部分をまとめたら
    一つ、参考書ができそうです。すごい。
    1. 2005/01/10(Mon) 08:34:10 |
    2. URL |
    3. びおびお #-
    4. [ちょと手直し]

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