テーブルタグの嵐と戦う

| | コメント(2)

CGIで作られた既存の複雑なホームページをPHPで書き換えています。

一番時間がかかるのが、テーブルタグの嵐のデザインを再現すること。

武器はDreamWeaver。

しかしDreamWeaverを持ってしても、見た目のデザインとテーブルのタグを対応させるのは容易ではありません。
先ほどもcolspanが抜けていることを発見するまで、長い時間がかかりました。

でもやっと、先が見えてきたという感じ。一時は悲観的になっていたのですが・・・。

カテゴリ

コメント(2)

miyata :

テーブルタグの嵐・・・私も経験しました。
テーブル内にスクリプトを埋め込んでいくわけですが、ループするたびにレイアウトが崩れていき、まさに、HTMLとの格闘。
ロジックで悩む分には、試行錯誤しながらも先が見えてくるし、悩むこと自体が楽しかったりもしますが
HTML相手だと、先が見えず深みにはまっていく感じで、ホント泣きたくなります。

HTMLを解釈するのはブラウザしだいということで、半角スペースやタブも影響することがある、と経験者から聞いたことがあります。
本来、HTMLとは無関係なはずなんですけどね。

先日も、テーブルレイアウトからはみ出る行があり、HTML的には問題はないのですが、
よく見ると、その行だけ、行末と改行文字の間に数個のスペースがあります。
関係ないだろう思いつつ、改行文字を行末にぴったりつけたら、ビンゴ。
何か釈然としませんが、取り合えず解決です。

以前にも、どうしても分からず、悩んだ末、余計なタブ文字を削除して、
ファイルをきれいに整えただけで解決したことがあります。

TD内にFORMタグを入れるとそれだけでTDの幅が広がったりもします。
本来、FORMタグには幅を広げる物理的な力はないと思うのですが。

以上は全部IEでの現象です。
ネスケだとちがう反応かもしれません。(面倒なので、試していませんが。)

テーブルに、border="2"とか、"3"のように太めのボーダーを一時的に設定しておくと
テーブルの構造がはっきりして、少しは助けになります。
(後で削除しなければならないのが面倒ですが。)
既に、実行されているかもしれませんが、念のため。
あまり論理的とは言えないHTML相手は大変だとお察しします。

Hiroshi :

いつもいつもアドバイスありがとうございます。

まだいくつか解読しなければいけないHTMLがあるのですが、だいぶ慣れてきて、何とかなるかな、という感じです。

今回はDreamWeaverに非常に助けられました。ブラウザ表示とタグの対応が一目でわかるのは助かります。

miyataさん、今度同じようなことになったら、DreamWeaverの30日試用版を使われることをお勧めします。製品は少し高価でこまりますが・・・。

複雑なタグをテキストエディターで解読するのは私の能力をはるかに超えています。

コメントする

このブログ記事について

このページは、Hiroshiが2005年2月 4日 23:24に書いたブログ記事です。

ひとつ前のブログ記事は「やがて夜になり、いつか時が来る」です。

次のブログ記事は「ソフトウエア開発プロフェッショナル」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

Powered by Movable Type 4.0