2012/04/26

li,dt,ddで画像の上下の隙間を詰める方法

li,dt,ddで画像を並べる際に、画像の上下に隙間ができます。隙間無く表示させたいとき、marginやpaddingを0pxにしても詰まらないですよね。
そんな時には、以下の2つの方法があります。

imgにvertical-align:bottom;を指定する方法

li img, dt img dd,img {
    vertical-align: bottom;
}

font-sizeとline-heightを0pxにする方法

li, dt, dd {
    font-size: 0px;
    line-height: 0px;
}

2012/04/06

htmlspecialcharsを使う

PHPでWebアプリケーションを開発するにあたり、htmlspecialcharsは非常によく使う関数です。Webページでは、タグに使用される文字、
< > & '
の様な文字をホームページ上に表示させるためには、
< > & "
と置き換える(エンコード)必要があります。その置き換えをしてくれるのが、htmlspecialchars関数です。

逆に、エンコードされた文字を元の文字に変換したい場合(デコード)に、phpのバージョンによって使える関数が違うため、はまってしまう事があります。

php5.2以上であれば、htmlspecialchars関数の逆を行ってくれる関数が用意されています。
htmlspecialcharas_decode関数
それ以下のバージョンを使用している場合は、
html_entity_decode("変換したい文字列", ENT_NOQUOTES)
を使う事で同等の事が可能です。