2010年05月20日
<table>タグに罫線をつける時に気をつけるメモ。
すべてのセルに罫線をつける時は、<th><td>につければいいが、上下もしくは左右のみにつける時は<tr>につければいいと思ったけど、IE7では反映されなかったりするので、結局<th><td>に書く必要がある。
例：
1 2 3 4 | th, td { border-top: 2px dotted #ccc; border-bottom: 2px dotted #ccc; } |
2010年05月01日
コーディングでIEのみに適応したいCSSのハック方法。
1 2 3 4 5 6 | /* IE6 */ * html (要素名) { } /* IE7 */ *+html (要素名) { } |
IE6の場合はfloatするとマージンが倍になるなどのバグがあるのでIE6のハックは覚えていたほうがいいでしょう。
2010年04月30日
CSSでデフォルトの設定をすべてリセットしたい場合
1 2 3 4 | * { margin: 0; padding: 0; } |
と”*(アスタリスク)”にするとすべての要素に適用されます。
2010年04月29日
ウェブで閲覧とは別に印刷時は不必要な情報をカットしたいと思った時は、印刷用に別でスタイルシートでレイアウトを作成し、<head>部で下記のように記せばいい。
1 | <link rel="stylesheet" type="text/css" href="印刷用CSS" media="print" /> |
デフォルトだと、media=”all”になっており、モニターのみに適応する場合はmedia=”screen”とすればよい。
2010年03月20日
<li>タグを使用していてmarginとpaddingを0にしたときに、デフォルトだとリストマーカーがボックスの外に表示されますが、ボックス内に表示する方法。
2010年03月10日
制作する方法は人それぞれですが、私は以下のやり方で制作しています。
