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

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

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

table_layouts.gif

・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
}

コメント:0

コメントフォーム
Remember personal info

トラックバック:0

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

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

検索
フィード
メタ
お城
STUDIO KINGDOM

Return to page top