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

Mon, Jul 7, 2008

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

レイアウト変更後は↓のようになります。

・app/webroot/css/cake.generic.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
}