タグ

2009年11月17日のブックマーク (4件)

  • IE 6とIE 7のためのCSSハック16選(1/3) - @IT

    有限会社タグパンダ 喜安 亮介 2009/11/17 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック&フィルタTipsをお届けします(編集部) Webブラウザ別CSSハック一覧表 前回の「IE 6で泣かないための、9つのCSSハック」では、仕様通りの正しいコーディングを行っているにもかかわらず、Internet Explorer(以下、IE) 6で見ると、レイアウトがズレてしまうなどのさまざまな問題を解決するための9つのテクニックを紹介しました。 今回は、IE 6とIE 7のためのCSSハックのテクニックを下記に分けて紹介します。 IE 6をハック(IE 6のみに効く、もしくはIE 6のみに効かないハック) IE 6のみに効くハック スタ

    kiyokichi
    kiyokichi 2009/11/17
     validatorがエラーになるかどうかは詳細ページを参照。
  • label要素で囲む書き方をIE6でも有効にするJavaScript | スマートネットワーク 開発ブログ

    ラジオボタンとかチェックボックスって的が小さいのでクリックしにくいものです。label要素を使って対応するラベルを指定してあげるとクリックしやすくなります。  <input type="checkbox" id="green"/> <label for="green">緑茶</label> <input type="checkbox" id="roast"/> <label for="roast">ほうじ茶</label> <input type="checkbox" id="oolong"/> <label for="oolong">烏龍茶</label> label要素を使うとクリックしやすくなるので、ラジオボタンとかチェックボックスが出てくるときは指定するようにしてるのですが、最近になって以下のような書き方もできるということを知りました。  <label><input type="c

    kiyokichi
    kiyokichi 2009/11/17
     jQueryベースで。
  • IEでlabel内の画像をクリック可能にする - os0x.blog

    ウノウラボ by Zynga Japan: IEでlabelの子要素に画像を含めるをより汎用的に実装してみます。 まず、修正方針は以下の2点。 HTML側に処理を書かない(onclickは使わない) IEだけで処理されるようにする 素直に書いてみるとこういった感じになります。 /*@cc_on window.attachEvent('onload', function(){ // まず、label内の画像に自分がクリックされたらlabelにクリックを投げる関数を定義する var label_img_enclick = function(label) { var imgs = label.getElementsByTagName('img'); for (var i = 0, l = imgs.length;i < l; ++i) imgs[i].attachEvent('onclick',

    IEでlabel内の画像をクリック可能にする - os0x.blog
    kiyokichi
    kiyokichi 2009/11/17
     外部js化させる場合
  • [IE]labelの子要素にimgを使う - Tany The World

    (IE)labelを貼った画像をクリックしても動作しない。 なのでJavaScriptで逃げる方法。 <input type="radio" name="imgid" id="id1" value="1" /><label for="id1">id1<br /> <img src="x.gif" onclick="document.getElementById('id1').click();" alt="img1" /><br /></label> <br /> <input type="radio" name="imgid" id="id2" value="2" /><label for="id2">id2<br /> <img src="x.gif" onclick="document.getElementById('id2').click();" alt="img2" />

    kiyokichi
    kiyokichi 2009/11/17
     IE6はimgにlabel張ると、onclick⇒focusが効かない。。。ので、onclickでgetElementByIdでinput要素を取得