Suckerfish Dropdowns
A note from the editors: While innovative for its time, this article no longer represents modern best practices. “DHTML” dropdown menus have notoriously involved nasty big chunks of JavaScript with numerous browser-specific hacks that render any otherwise neat, semantic HTML quite inaccessible. Oh, the dream of a lightweight, accessible, standards-compliant, cross-browser-compatible method! Enter
[ws] Fast Rollovers Without Preload | Rychlé rollovery bez načítání
English-only | Jenom česky | Bilingual/Dvojjazyčně CSS Technique: Fast Rollovers Without Preload Řešení CSS: Rychlé rollovery bez načítání When using CSS image rollovers, two, three, or more images must be loaded (and often be preloaded for best results). We've got one image for each state (normal, hover, active, visited etc). Putting all states into one image makes dynamic changes faster and requ
デザイン実験室 > Introduction
Hobby > デザイン実験室 > Introduction Introductionというほど大げさなものではないですが，CSSを使うときに引っかかりそうなポイントをまとめました．というよりも私が引っかかったものを覚え書きとしてまとめたというのが正確なところです．主にInternet Explorer（Trident系）で読み込むときの注意（注意しなければならないほどバグが多いとも言えますが）を中心に扱っています． IE6のfloatプロパティバグ IE6では背景色の設定された要素内（A）に，floatプロパティの設定された要素（B）がある場合，要素Bが消えるというバグがあります．以下の定義型リストでは2つのdd要素にそれぞれ「floatのみ」と「float+position」の2つのプロパティをstyle属性で指定しています．IE6の場合は「"float: left;"のみを指定したD
IEで絶対配置（absolute）のボックスの中身がずれる (Happy Swing)
先日、仕事でHTML4.01 Transitional＋CSSでコーディングしていたところ、position:absolutを指定したボックスの中にある要素が、Windows IE6でズレて（飛び出て？）表示されるというバグがありました。 3つのボックスに「position:relative」をかけて、その子要素をabsoluteしてたんですよ。で、3つのボックスを横並びにしたかったので「float:left」をかけてみたら・・・なんと！3つ目のボックスの中の子要素の最後の一つが、CSSが外れたかのように左下に表示されちゃったんです。 どんな感じかというと、 こんな感じ。これが、IEだけで起こるんです。FirefoxやらOperaはオッケー。意味不明。 ためしに、枠外に飛び出てしまう要素に「border」を入れてみたけど、フツーに本来あるべき場所に枠が。でも、中身は左下。・・・なんじゃこ
Easy CSS Tooltip | Kollermedia.at
If you need a really simple and basic Crossbrowser Tooltip on your website, this <1kb tooltip CSS script might be the one for you. Here is the 4 line magic (3lines css, 1line html): a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; b
memokami :: 約500機種の携帯端末を網羅するケータイテストエミューレーター「P1 Emulator」を使ってみました
NetFarmさんが携帯端末500機種以上を網羅した「P1エミュレーター」のベータ版が無料で公開されました。 いままで携帯でテストするときに、まともに利用できるエミュレーターといえば、i-modeシミュレータしかなく、結局実機でのテストに頼っていました。 この「P1 Emulator」はケータイサイトのテストの救世主となるのでしょうか。 早速試してみました。 ■まずはダウンロード http://p1.netfarm.ne.jp/ ※ダウンロードには会員登録/ログインが必要です。 ■エミュレーターインストール インストールがめちゃくちゃ重かったです。 うちの環境だけかな。固まったかと思うほど。 気長に待ちましょう ■インストール完了 かなり時間かかりました。 ■ライセンス登録画面 最初に起動するとベータ版のライセンスキーを取得するように言われます。サイトに行って取得しましょう。登録したメール
IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester | コリス
IETesterは、IE5.5, IE6, IE7, IE8beta1の確認が同時にできるアプリケーションです。 IETester [ad#ad-2] IETesterを利用するには、上記IETesterのページの「Download IETester」から「install-ietester-v0.2.exe」ダウンロードし、IETesterをインストールします。 IEのバージョンの切り替えは、「New Tab」から切り替えることができます。 簡単に使用しただけですが、IE5.5, IE6, IE7, IE8beta1のレンダリングの違いを確認できました。 バージョン0.2の動作条件は、Windows XP or Vista + IE7以上となっています。XP + IE6の場合、IE7, IE8のモードが動作しません。 Windows XP + IE7, IE8beta1の環境で使用したとこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hoverbox Menu | Design Meme
https://www.daltonlp.com/view/217
IEのバグ｜WEB制作（html,css(スタイルシート) )｜プログラムメモ
http://e0166nt.com/blog-entry-442.html
ユーザーが2～3カラムや800pxか1000pxか等を動的に変更できるすごいJavaScript*ホームページを作る人のネタ帳