定義リストdt ddを横並びで表示させる
定義リストであるdt ddを横並びにさせたい場合、僕はfloatを使うケースが多いのですが、Windows IE6では最初のddが約0.2emほどマージンを多く取るバグがあります。Windows IE7/Firefox/Opera、Macintosh Safari/Firefox/Operaではきちんと表示されます。
CSS の一覧
floatにmarginを指定した場合
WinのIEはfloatを指定したボックスにmarginの値が指定してあると倍のmargin値として認識するダブルマージンバグが発症するケースが多々ある。（例えばmargin-left: 10px;なんて指定してるのに20pxのmarginになったりする。） floatさせたボックスにmarginを指定しないようにすれ
Apple "Get a Mac" CM
日本ではラーメンズを起用したMacのCM。今までのAppleのCMからするとなんだかビミョーな感じですが...本国アメリカでも同じようなCMが放送されてます。 で本国のCMを見てみると、Mac側を演じてるのは以前ケーブルTVのFOXチャンネルで良く見ていたエド/ボーリング弁護士（以下エド）のウォーレンじゃないか！！と
Mighty Mouse
仕事でWindows機を使っているせいか、右クリックやらスクロールホイールの便利さに慣れてしまい、家での1ボタンApple Wireless MouseでWebブラウジングをしているとスクロールバーをドラッグするのが非常に面倒になってしまいました。と言う訳でちょっとお高いですが、Wireless Mighty Mous
border-collapse
web creators 11月号に気になる記事があった 統合ボーダーモデルでは、その名の通りボーダーが統合された状態で表示される。各ボーダーモデルはセル間を中心に表示されることになる。テーブル上下左右にはボーダーの半分がはみ出すので注意が必要だ。 今まで統合ボーダーモデルを選んだ時のtableにかかるborderはt
We'll be back soon
来ました〜毎度おなじみのApple Store We'll be back soonのグラフィック♪iPod関連で何かしらの新製品 or アップデートがある訳ですね〜ワクワクっ！！
複数のclassを適用させる
Movable TypeのCSSをいじってるて気がついた事。（今更？かもしれないけど）class属性は1つの要素に複数適用させる事が出来るって事。 <div class="sidebar pkg"> <p>class属性は一つの要素に複数適用させる事が出来る。</p> &l
フォントの指定
今まで良く使ってたフォントの指定 body { font-family: "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif; } このようなセットを使っていました。 Safariは2バイト文字のフォント指定に対応していない。したがってSafariでヒラギ
id/class命名規則
CSSでサイトを組むにあたって悩むid/classの命名規則。はてなブックマークを見てたらCSS Flightでのpurprinさんのプレゼン資料を見つけた。 日本でも海外でも結構ばらつきがあって中々面白いなと思った。特にサイドバーとかは#sidebarとか#beta、#left、#subBox、#rightrail、
Firefox1.5で長い点線を出さない方法
Firefox1.5ユニバーサルバイナリが発表されてインストールしてから数日、自分の作ったサイトで画像置換を使ったリンクをクリックすると、フォーカスされた点線が画面外に向かって表示されてしまう事に気づいた。 どうやらtext-indent: -9999px;で画面外に飛ばしたテキストを拾ってるらしいのは分かるのだが、対
IE7で使えなくなるハック
IE7のβ版が出て数ヶ月。情報をちらほら集めだしてみたら適応されなくなるハックが数種類あるみたい。例えばスターハックやアンダースコアハック、プロパティの後に空コメントを入れるハックなどが使えなくなるらしい。そもそもスターハックやアンダースコアハックは構文的にも認められる記述ではないからね。けど構築したサイトでスターハッ
floatを解除する - clearfix -
floatを使って画像にテキストを回り込ませて解除する時 clear:both;やclear:left;などを使うけど、テキストの量が少ないと上手く解除されない。 例えば...... 画像にテキストを周りこませる。 この状態から回り込みを単純に解除するには空のdivタグやbrタグにclear: both;プロパティを与
iPod人気でMacへ「スイッチ」も促進？
「2008年までに1億台」のiPod人気でMacへ「スイッチ」も促進 確かにiPodを持つと似た筐体の iMac や iBook が欲しくなる。今回の iMac のモデルチェンジも iPod を購入して Mac にちょっと興味を持った人はかなりそそられるマシンだろうな。 考えると僕自身 Windows からのスイッチ組