Archive

Posts Tagged ‘css’

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

3月 21st, 2009

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

TEXT:
  1. test
  2. test

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

TEXT:
  1. test
  2. test

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

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

3月 14th, 2009

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

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

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

2月 11th, 2009

Resource Compressor

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

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

, ,

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

1月 21st, 2009

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

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

[html]

...




...

[/html]

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

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

, ,

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

12月 25th, 2008

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

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

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