パソコンサポートの00H ～社長BLOG～

昨日の jQueryValidationEngine の table タグの問題。
position: relative; で回避できました。

た・だ・し！

Firefox では position: relative; と border と
background-color が共存できずに
線が消える仕様というバグがあるので注意してください。
おすすめはレイアウトに table タグを使わない…
ということで dl / dt / dd を使うのがいいかと？
もともとレイアウト目的で table を使うのはどうか？
と思うので jQueryValidationEngine.js を使うなら
違う方法がいいかもしれません。

さて前向きな対応方法としては
after 疑似要素を使うという方法があります。

th::after,
td::after {
	position: absolute;
	z-index: 2;
	top: -1px;
	left: -1px;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid #cccccc;
}

th や td に position: relative; を指定している場合、
この方法が利用できます。
top 、left で動かしてるのは th や td に
border を 1px 指定している場合、
上の例のように 1px 戻してください。

昨日は久々にお休みだったので自宅にあるノートパソコンに
開発環境を構築しておりました。

自分の環境なので好きなようにできるというか
検証がしやすくなるので XAMPP 等を使わず
すべて一個一個手作り。
それに合わせて社内で利用している
開発環境構築マニュアルも更新しました。

Apache 2.2.19
OpenSSL 0.98r
ActivePerl 5.12.4
PHP 5.3.7
MySQL 5.5.15
phpMyAdmin 3.4.3.2

いわゆる WAMP 環境ですが、
Perl が入ってるのが私らしいですか（笑）？
といっても最近は Perl での開発は少なくなりましたねぇ。
で、開発環境を作っただけで昨日は終わってしまいましたが（笑）。

（株）アンク社による
定評のある CSS 解説の
定番中の定番図書。

日々進化し続ける CSS ですが、
なかなかそれを全部覚えるのは
初心者～中級者に限らず
難しいのではないでしょうか？

あっと思うような使い方も多い CSS を
やはり体系的に学んでいく良書です。
これも辞典とある通り、これだけで何かする
というものではありませんが、
やはり Web に携わる上で必携な本だと思います。

HTML や CSS に限らずですが、丸暗記するのではなく、
必ずその意味を理解しながら学習を進めていくべきです。
そういう意味でもこれらの辞書を正しく使い、
きれいなソースを心がけるべきでしょう。