Posts Tagged ‘HTML’

PHP 掲示板文中の URL を自動でリンク化

ne4 Posted in web,Tags: ,

正規表現で変換するんだけど、自分であれを打ち込むのが嫌で、ついついコピペ。
すると、うまく動かない。
結局、エンコード違いの影響でダメだということが判明。DreamWeaver なんかで コーディングしたのが間違いだったのか。
とりあえず、最近は Mac で作業しているので、mi を使ってエンコード合わせたらうまく動いた。

// $str にURLが含まれていたらリンク
function autoLinker($str)
{
$pat_sub = preg_quote(‘-._~%:/?#[]@!$&\'()*+,;=’, ‘/’); // 正規表現向けのエスケープ処理
$pat  = ‘/((http|https):\/\/[0-9a-z’ . $pat_sub . ‘]+)/i’; // 正規表現パターン
$rep  = ‘<a href=”\\1″ target=”_blank”>\\1</a>’; // \\1が正規表現にマッチした文字列に置き換わります

$str = preg_replace ($pat, $rep, $str); // 実処理
return $str;
}

DreamWeaver だと、preg_quoteで処理する部分をシングルクオートで括ると、中にあるシングルクオートと反応して
表示が滅茶苦茶になるので、ダブルクオートに変更する必要有り。

$pat_sub = preg_quote(“-._~%:/?#[]@!mce_markeramp;\'()*+,;=”, “/”);

Formボタンを画像にした時の不具合

ne4 Posted in web,Tags: , ,

opera や IE では、
input タグの type を、通常の submit や button にする場合は問題無いが、
image にすると、value の値が送られないらしい。

<input type=”hidden” name=”btnedit” value=”編集” /> などのように、hidden で値を送れば何とかなる。

しかし、複数の画像ボタンを使う場合は、formタグを、それぞれ設定しなければならない。
画像ボタンを、それぞれdivで括ってfloatで左詰めにした場合、他のブラウザでは問題ないが、IEでは、formタグで表示が分割してしまう。本当に厄介だ。

CSSの天地100%

ne4 Posted in web,Tags: ,

CSSで、天地100%がうまく行かず、ハマる。

上記サイトで理解。

html,body {
height : 100%;
}

これに内包する、例えば

body-all {
height : 97%;
}
の中にコンテンツを入れて、その下に copylight 文用の footerを 置けば、ウインドウの上下サイズ変更にも連動出来る。

<div id=”footer”><p> 〜copylight文など〜 </p></div>
<p>タブで括ったテキストなら、天地センターも可能らしい。
親ブロックの display 要素を table にして、その中に <p>タブで括った物を配置すれば、vertical-align で制御出来る。