ドットインストール代表のライフハックブログ
table 関連の要素とか属性っていろいろあるにもかかわらず、結構使われていないなと思ったり。 上手にマークアップしておけば、アクセシビリティ的にも優れた表組み... table 関連の要素とか属性っていろいろあるにもかかわらず、結構使われていないなと思ったり。 上手にマークアップしておけば、アクセシビリティ的にも優れた表組みが再現できるだけでなく、CSS で見た目をいじるときにも、無駄に class 属性なんかをつける必要もなかったりと、いろいろ良い事あるのになということで、今回はその中から colgroup 要素と col 要素について書いてみることにします。 例えば上記サンプルのような表を作りたいと思ったとき、列方向 (縦方向) のセルに背景色を指定するためだけに class 属性を付けていったりするのは面倒だしスマートじゃない。サンプルのように列方向の各データが構造的にグループ化で
表を表示する際、列毎に異なった列幅やフォントサイズ、色を設定したいことがしばしばあります。 これは、<td> へ class や style を適用する事によって実現可能ですが、もっと明示的且つ簡単に記述できる事が望ましいです。 実はこれにうってつけの HTML タグがあります。 <colgroup> と <col> です。 このタグの class や style 属性を利用することで、列単位でのスタイルの適用が簡略化されます。 しかし、実は問題がありまして・・・ どうも IE 以外のブラウザでは text-align が反映されないようなのです。 col/colgroup要素へのスタイル指定 この動作は仕様通りで、寧ろ IE の解釈が間違っているそうで。 text-align が列毎に異なる事なんてしょっちゅうあるのに・・・ このまま泣き寝入りして、いちいち <td> へスタイルを設定す
■ tDiary: この期に及んでspamフィルタを導入していない人は どういう人なのかな。 ツッコミ通知メールを使っていない(ので気づいてない) 自分の日記はRSSリーダに登録してない(ので気づいてない) 単なる面倒くさがり屋さん 未対策の日記は(RSS経由では)読むに耐えないので、どんどん購読先から消えてもらっているのだが。もったいない。せめてここのフィルタくらいは入れてくれないだろうか。簡単だからさ。 追記 書き漏らした「理由」: spamをまだ受けていない(でも予防措置はしておいた方がいいよね) そもそも日記を放置しっぱなしで更新していない(ので気づいてない) ■ CSS: 「折り返す」pre 人が作ったtDiaryのテーマをつらつらと見ていたら、見慣れぬ属性が書いてあった。こんなの。 white-space: -moz-pre-wrap; /* Mozilla */ white-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く