Archive

Posts Tagged ‘css’

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

March 21st, 2009 No comments

このblogのソース表示で10行超えると数字1文字分ずれてしまう問題があったけど、その回避法
CSSでliのlist-style-typeにdecimal-leading-zeroを指定するとモダンなブラウザで回避できるみたい

test
test

とりあえずIE6が対応してないのは確認した(心底どうでもいい)
100行だとどうなるんだろう

test
test

駄目か
まぁ100行超えることはまずないと思うけど…;

Tags:

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

March 14th, 2009 No comments

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

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

Tags:

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

February 11th, 2009 No comments

Resource Compressor

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

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

Tags: , ,

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

January 21st, 2009 No comments

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

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

<head>
...
<!--[if lte IE 5.5000]>IE5.5以下に適用<![endif]-->
<!--[if IE 5 | IE 6]>IE5〜6に適用<![endif]-->
<!--[if lt IE 7]>IE7以外に適用<![endif]-->
<!--[if gte IE 7]>IE7以上に適用<![endif]-->
...
</head>

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

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

Tags: , ,

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

December 25th, 2008 No comments

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

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

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

Tags: