パソコンサポートの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 での開発は少なくなりましたねぇ。
で、開発環境を作っただけで昨日は終わってしまいましたが（笑）。

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

HTML / XHTML に関することが
うまくまとめられており、
初心者から～中級者に限らず
机上に一冊あると重宝します。

辞典とある通り、これだけでなにかする
というものでもないですが、
サンプルを少しずつやっていくだけでも
一通りのことはできるでしょう。

タグだけなら Web でも多数解説されており、
わざわざ本を買うほどでも…
と思われる方も多いかもしれませんが、
実際こういうのは前後のページを見ることで
新たな発見があったりしますし、
体系立てて読むテキストとしても十分機能しますよ。