テーブルレイアウトを調整(CakePHP修行 #7)

  • 2008-07-07 (月) 20:53

たいしたネタではないですが、テーブルのレイアウトを変更したのでソースを載せておきます。CakePHPと関係ないな…。
レイアウト変更後は↓のようになります。

table_layouts.gif

・app/webroot/css/cake.generic.cssに追加
[sourcecode language='css']
/* table */
table {
font-size:12px;
color:#333333;
background-color:#FFFFFF;
clear:both;
padding:0;
margin:0 auto;
white-space: normal;
border-collapse:collapse;
}
th {
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
text-align: center;
padding:4px 4px;
border-collapse:collapse;
}
table tr td {
border: 1px dotted #CCCCCC;
padding:4px 4px;
vertical-align:top;
text-align: left;
border-collapse:collapse;
}

/* calendar */
.holiday{
font-size:10px;
color:#666666;
}

#calendar {width:700px;}

#calendar ul{
margin: 5px 0;
padding: 0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#calendar li{
background-image:url(/img/arr.png);
background-repeat:no-repeat;
line-height:120%;
margin-bottom:0px;
padding:3px 0px 1px 18px;
}

#calendar table tr td {
height:80px;
width:100px
}
[/sourcecode]

コメント:0

コメントフォーム
Remember personal info

トラックバック:0

このエントリーへのトラックバックURL
http://www.studio-kingdom.com/cakephp/cakephp_training/73/trackback
フィード

メタ

Return to page top