ホーム > CSS

CSSのアーカイブ

Firefox でテーブルの線(border)が表示されたりされなかったりする件の対策。

珍しく Firefox のバグです(だと思います)。
あえて「解決法」ではなく「対策」としたのは、解決したかどうか定かではないからです。
つまり、「よく分からんけど、とりあえずうまくいってるっぽい」と。

発生した現象はタイトルの通りですが、テーブルに設定した線が、Firefox で見てみると表示されたりされなかったりするのです。
「されたりされなかったり」とは言っても、表示のたびに結果が変わるということではなく、再現性はあります。
ただ、文字サイズを変えたり行間を変えたりパディングを変えたりすると、表示される線と表示されない線が違ったりするということです。
色々な数値を微調整していけばすべての線がちゃんと表示されるポイントがあるかも知れませんが、環境が異なればまた結果も変わってくるでしょうし、根本的な解決にはなりません。

というワケで、色々試した結果、以下のような方法に落ち着きました。
かなり無理矢理ではありますが、今のところ正常に(?)表示されています。
続きを読む

CSS Nite in OSAKA, Vol.17 に参加してきました。

7/18(土)に開催された「CSS Nite in OSAKA, Vol.17 powered by KAGOYA Internet Routing」に参加してきました。
参加というか、まぁ勉強ですね。
非常に盛り沢山な内容で、色々吸収できましたよ。

これまではアップルストア心斎橋で無料セミナーを行ってきた「CSS Nite in OSAKA」。
今回は大阪産業創造館(産創館)に会場を移し、普段よりも数段大きな規模で有料版として行われました。
14 時半頃に開演し、4 つのセッションのあと休憩を挟んでさらに2 つのセッション。
終演は 19 時半ですから、計 5 時間という大ボリューム。
もうお腹いっぱいです。
続きを読む

リスト形式でマークアップした画像の下にできるすき間とその解決法。

よくぶつかる問題の割に忘れがちなので、メモ的エントリー。

画像を ul やら ol やらリスト形式でマークアップする機会って、結構多いんじゃないかと思います。
グローバルナビとか、写真のサムネイルとか。

そういうときにほぼ間違いなく出現するのが、画像の下の小さなすき間。
Firebug で確認すれば、それが li 内の問題であることはすぐ分かるのですが、いろいろ試してみても画像はなかなかピッタリくっついてはくれません。
続きを読む

CSS のプロパティの書き順をちゃんと決めることにした。

「今さらかよ」という声が聞こえてきそうですが。

前々から「いつかやろう」「これが終わったらしよう」と思いつつ早幾月。
ようやく踏ん切りが付きました。
ので、自分はこういう順番で書きますよー、という宣言的な意味を込めてエントリー。

今までは特にルールもなく、「組んでいくときに追加した順」みたいな感じでした。
もちろん気が付く範囲では調整はしてたので、何となくは統一されてましたが。
他の人からすると恐ろしく読みにくいことになってたんだろうなー、と推測します。
(でも社内で CSS 使えるの僕だけなので他の人が見ることはまぁ無いんですけどね(っていうかそういう状況を何とかするのが先のような気がしないでもなjっs;ぁsdf;jふぁsj))

さて、そんなこんなで今までは何事も無くやってきたのですが、さすがにずっとそのままではまずかろう、という漠然とした動機で決めることにします。
といいつつ、自分で決めた順番ではなくて、基本的には Mozilla の順番を踏襲。
あとは好みとか使い勝手とかで違和感があれば、追々ちょっとずつ変えていこうと思います。
続きを読む

今日は裸の日 – CSS Naked Day。

4 月 9 日は「CSS Naked Day」ということなので、便乗してみます。

»CSS Naked Day…公式(?)サイト

»そういえば裸の日でした|CSS HappyLife
»CSS Naked Day | Web標準Blog | ミツエーリンクス
»そういえば裸の日だったね – Archiva

要は HTML と CSS(構造と装飾)の分離を促そうというコンセプトらしいのですが、こんなイベント(?)があったんですね。
初めて知りました。

Page 1 of 212

ホーム > CSS

リンク
フィード
メタ情報

ページの上部に戻る