2009年5月1日金曜日

cssテキスト制御

ユーザーが文字の大きさを変えたい場合を考えてemか%で指定。
レイアウトを変えたくない場合はptで指定。
行間はデフォルトだと詰まっているので指定したほうが良い。

■サンプル
http://www.ekamata.com/web/css_text.html

テーブルで見やすいリストのレイアウト。

IE表示可能だけど線が太い。。。
■サンプル
http://www.ekamata.com/web/table_list.html

テーブル枠と罫線サンプルtable,hr

HTMLで指定する様々なボーダー。
■サンプル
http://www.ekamata.com/web/table_border.html


外部スタイルシート

/*罫線*/
hr{border-top:1px dashed #ffe4e1; margin:10px 0px;}

/*テーブル罫線なし*/
#table00{border:0px; border-collapse:collapse; border-spacing:0;}
#table00 td{padding:5px;}
/*テーブル外枠のみ罫線あり*/
#table01{border:1px #999999 dotted;}
#table01 td{padding:5px;}
/*テーブル罫線あり*/
#table02{bjavascript:void(0)order:1px #999999 dotted; border-collapse:collapse; border-spacing:0;}
#table02 td{padding:5px; border:1px #999999 dotted; vertical-align:top;}

インラインフレーム(iframe)

InternetExplorer表示可能FireFox表示可能chrome表示可能
■サンプル
http://www.ekamata.com/web/iframe.html

時間を指定して強制的に他のページへジャンプさせるJavaScript

InternetExplorer表示可能FireFox表示可能chrome表示可能

■サンプル
http://www.ekamata.com/web/java_jump.html