タグ

ブックマーク / www.mozilla.gr.jp (2)

  • table内に画像を隙間無く敷き詰めるには注意が必要です #1 - Web標準普及プロジェクト

    table内に画像を隙間無く敷き詰めるには注意が必要です #1 td及びth要素を使って、 画像を敷き詰めたシビアなレイアウトを行おうとした場合、 MozillaではFull Standardモードを使用すると以下のような単純なソースでは意図通りに表示できません。 一応、解決策まで公開しますが、tableによるレイアウトは様々なハンディキャップを持つ方に迷惑をかけることになりますので、 私は推奨しません。しかし、商用サイト等では相変わらず過去との互換のために使用されることが多いので紹介することにしました。 まずは実例を見てください。 <table cellpadding="0" cellspacing="0"> <tr> <td><img src="screenshot/webtips0018_02.jpg"></td> <td><img src="screenshot/webtips00

    americanboss
    americanboss 2006/04/27
    テーブルに限らず、IE系の画像の隙間を埋めるのにもvertical-alignプロパティの設定が役に立った
  • img要素でalt属性の内容がポップアップしない - Web標準普及プロジェクト

    img要素でalt属性の内容がポップアップしない img要素のalt属性に値を設定しておくと、 その画像の上にマウスカーソルを乗せた時にポップアップによってその画像の説明が出る、 またはalt属性そのものがそういう役割の属性であると認識している人がいるようですが、 このような考え方は間違いです。 alt属性の仕様 img要素のalt属性の説明を仕様書から見てみましょう。次のように書かれています。 alt = text [CS] この属性は、画像、フォーム、アプレットを表示できないユーザエージェントのために、 代替テキストを指定する。代替テキストの言語は、lang属性で指定する。 非テキスト系の要素である、IMG、AREA、 APPLET、INPUT要素は、著者に対し、 当該要素が順当にレンダリングされない場合の要素内容として提供される代替テキストを指定することを求める。 代替テキストを指定

  • 1