タグ

ブックマーク / blog.d-spica.com (3)

  • table と caption の margin | d-spica

    table と caption の margin 2008-08-13 0 0 XHTML/CSS caption, CSS, table, XHTML Firefox,Safari,Opera は IE に比べるとだいぶWeb標準に準拠してレンダリングされます。しかし,仕様に詳しく定められていないところは(追記参照)ブラウザごとのクセがあり,表示結果が微妙に違ったりします。以前,table に caption を入れたとき,margin を合わせるのにちょっと苦労した経験があったので,改めて調べてみました。 caption は表題を示す要素です。table の子要素になり,table の開始タグの直後に記述します。 table の margin-top が入る位置 <p>テキストテキスト</p> <table> <caption>サンプル(ここがcaption)</caption> <t

  • font-size指定 | d-spica

    font-size指定 2007-03-10 0 0 XHTML/CSS CSS, font-size 数で合理的にデザインする - サイズ編 で少し書いたfont-sizeについての補足です。 どのくらいの文字サイズで見られているかは,ブラウザとその設定によってまちまちです。でも,せめてデフォルトの状態では意図したレイアウト,フォントサイズで見てもらいたい,という願いもないわけではありません。font-sizeの指定をどうするか,ちょっと考えてみました。 font-sizeは%で font-sizeをpx,pt,inなどで絶対指定すると,Win IEで文字サイズの変更が出来なくなるのをご存じの方も多いでしょう。文字サイズを固定してしまうのはアクセシビリティ上少々問題があります。font-sizeはem,ex,%で相対指定(基準になるものとの比率で指定)するのがよいとされています。 Win

  • idの命名に迷ったら | d-spica

    idの命名に迷ったら 2007-10-19 0 0 XHTML/CSS Role, XHTML 以前こんなエントリーを書きました。 id="header"で問題ないのでは id,class名をどうふるとよいか,しばしば悩みます。いくつかのパターンがあって,そのどれかを使うのですが,明確な基準というものはありませんでした。 XHTML Role 属性モジュール 先日W3Cから,「XHTML Role 属性モジュール」の最終草案が出されました。 XHTML Role 属性モジュール(日語訳) 部分的に引用してみます。 概要 この仕様で定義される XHTML Role 属性は、作成者が要素に役割を与えるための属性です。機械で抽出可能な意味情報を要素に与えることで、XML を用いた言語に注釈を与えることができるようになります。ユースケースとして、アクセシビリティやデバイスアダプテーション、サー

  • 1