人気ブログランキング | 話題のタグを見る

日々の出来事や思いついた事を、気ままにのんびりと綴ってます。
by luna0077
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

2列段組を設定してみました
先の日記のレシピの部分でぽっとの陽だまり研究室を参考に、
2列段組を使ってみました。(いつもお世話になってます。ありがとうございます♪)

左側に材料、右側に作り方・・・という構成にしようと思ってたけど、
リスト(ulol)を併用するとレイアウトが思うようにいかない・・・。
Wordでの段区切りと同じようなことができないかなぁ。
結局、リストを解除して材料だけを2列段組に。

うーむ。まだまだ、試行錯誤が続きます・・・。

□■□■□■□■□■

自分の覚書として、設定内容を記載しておきます。



CSS編集部分に下記を追加
/*----- 2列段組 -----*/
P.left{
FLOAT: left; /*文字の回りこみ*/
MARGIN: 0px 0px 0px 30px; /*上=0px 右=0px 下=0px 左=30px*/
PADDING: 0px 2px 0px 2px; /*上=0px 右=2px 下=0px 左=2px*/
WIDTH:40%; /*幅*/
}

P.right{
FLOAT:right;/*文字の回りこみ*/
MARGIN: 0px 30px 0px 5px;/*外側余白*/
PADDING: 0px 2px 0px 2px;/*内側余白*/
WIDTH: 40%;/*幅*/
}


投稿欄での記述
<P class="left"> この部分に左側の項目を入力
</P><P class="right"> この部分に右側の項目を入力
</P><br style="clear: both;"> これは回り込み解除

by luna0077 | 2005-08-31 15:30 | スキン編集
<< 9月です。スキン変更しました。 茄子とカボチャのドライカレー ... >>


Favorite Site