zilog » css

olのliで桁数が変わる際に表示がずれる

yusukezzz — Fri, 20 Mar 2009 19:03:27 +0000

このblogのソース表示で10行超えると数字1文字分ずれてしまう問題があったけど、その回避法
CSSでliのlist-style-typeにdecimal-leading-zeroを指定するとモダンなブラウザで回避できるみたい
[text num=9]
test
test
[/text]
とりあえずIE6が対応してないのは確認した（心底どうでもいい）
100行だとどうなるんだろう
[text num=99]
test
test
[/text]
駄目か
まぁ100行超えることはまずないと思うけど…；

トップページの再デザイン

yusukezzz — Fri, 13 Mar 2009 15:28:45 +0000

このblogじゃないですよ
一個上の方
これまでCSS一切使わずにいたんだけど、第1死亡志望の会社から期日になっても連絡が来なかったのでカッとなって配置しなおした
凄くありがちなパターン
これだけコンテンツが少ないと面白いぐらい綺麗に並びますね
CSS万歳
これからもちょくちょく弄っていくつもり

＃びっくりしたのは携帯ブラウザ（非フルブラウザ）でもCSSのfloatが効いてたこと

JS、CSSの一括圧縮サービス始めました

yusukezzz — Tue, 10 Feb 2009 16:20:50 +0000

Resource Compressor

圧縮といってもzipのような圧縮ではなく（最終的にzip圧縮しますが）
改行、スペースなんかを取っ払ってファイルサイズを小さくし、実行可能なまま転送量を減らすという意味です

需要あるのか分かりませんがリリースしました
１つずつとかtextareaに入力したものを、とかは見たのですが、ページ内の奴をまとめてというのを知らないので
既にあったら涙目＞＜
ソースも公開してますので突っ込みなどお待ちしてます！

IEのみに特定のCSSやJSを指定する方法

yusukezzz — Wed, 21 Jan 2009 03:26:13 +0000

Conditional Commentsという記法で、IE5.5以降で有効らしい

IEのみに適用させるIF – WebTecNote

[html]

…

…

[/html]

しかもverの指定まで出来たとは…これはいいことを知った！
IE6対応のサイトを作る気が失せてたんだけど、今度試してみよう

#wp-vimcolorで日本語使えないの不便過ぎたから再びiG:Syntax Hiliterになってます；はぁ…

Firefoxでtr要素などにCSSでdisplay:block;を指定すると…

yusukezzz — Wed, 24 Dec 2008 21:29:17 +0000

表示がおかしくなります；
リロードするたびに改行されたり、されなかったり、よく分からない動作をしていました
どうやらこれがHTMLの仕様に沿った正常な動作のようで、Firefoxではtableの要素にはdisplay: table-*;しか指定出来ないようです
（というか、特別な理由がない限り弄らない方が無難です）
なんでdisplay:block;していたかというとtrに下線を引きたかったのですが、別の方法で解決できました

タグにCSSでborder-bottomを設定することで、テーブルの一行ごとに下線を引きたいのですが、どうしたらよいでしょうか。タグにはborderを設定できないのでしょう.. – 人力検索はてな

tableのstyleにborder-collapse: collapse;を指定するとdisplay:block;にしていたときのような効果を得られました
IE6ではサポートされてないようですが、面倒なので無視します