June 16, 2011 5:38 PM
CSS
ie7バグ
以外と多いie7のマージン関係のバグ。
<div>の中に<p>を入れ子にしてmargin-bottomを指定すると、なぜか<div>のほうにもmargin-bottomの値が反映されてしまう。そんな時はPのmargin-bottomを0にする。
それと、ie7で画像に隙間ができてしまう場合、その<div>にfont-size:1px;を設定する。
November 5, 2010 8:35 PM
CSS
ie7のマージンが無効になる場合
floatを設定しているclassにヨコ幅をautoとしている時、ie7のみmargin-bottomが無効になります。
その場合、ヨコの数値を入力するとmarginが有効になります。
October 14, 2010 3:09 PM
Movable Type
mtにgooglemapを設置する
Mapperというプラグインを使うと便利です。
ftpでアップした後、mt側のツール→プラグインからAPI Keyを入力して保存します。
そして、カスタムフィールドを設定してテンプレートに、
<mt:Mapper>
<p>[map:address]</p>
</mt:Mapper>
と、書くと(上記の場合、addressがカスタムフィールド)住所がgooglemapに変換されて表示されます。
経度・緯度を調べなくても表示されるので便利です。
Movable Type
画像のカスタムフィールドについて
画像をカスタムフィールドに設定するとアイテムの情報入力画面がスキップされてしまいます。
最初、Image::magickがインストールされていないのかと思いましたが、調べてみるとプラグインで設定画面を表示できるみたいです。
詳しくはこちら。
September 17, 2010 4:45 PM
CSS
IE8のliに隙間ができる
リストで組んだ場合、IE8に妙な隙間ができます。
その場合、liタグにfont-size:1%;を指定して、さらにli a に、
line-height:normal;
を書き加えると直ります。