堕天使の煉獄

ようやく古いcgi全部修正終わったり。

んが、ものすごく些細な部分が
修正しようにも何が問題なのか判らずに
しばらく悶えてしまったり。

ちいさな瑕疵ほど気になるものです……。



なんでか、画像を横並びに配置したとき
列に画像が1枚の時と、2枚以上の時で
配置してるブロックのサイズが変わる……
（右の方のブロックのサイズがすこし小さくなってる）

このズレがすんごく気持ちが悪い。

が、なんどソースを見直しても
原因がわからない。



なにげに選択してみると、謎の空白が画像の横に。
一枚の時には無く、二枚以上並べると突如出現する謎の■。
しかもなんか画像の下部より下まで延びてるし。

なんかこれが原因くさいのだけども
この■がなんなのか、どっから沸いて出てるのかが
さっぱり。

むきぃぃぃぃ

グーグル先生に聞いてみよう。

「css 画像 横並び 隙間」

水平型リストで画像を並べた時の隙間を消す6つの方法
ttp://www.webbibo.com/blog/htmlcss/h_list_space.html

いきなり解決法が。

といっても上記のサイトのは
横方向に並べたときに出来る画像間の隙間を埋める方法ですけど。
んでも何が問題だったかの解法はそのものずばりの物が。

以下引用
＞要素と要素の間に隙間が生じます。
＞これは空白類文字といって、ソースコード内の改行は
＞半角スペースくらいの空白に変換するそうです

？？？

試しに……perlのソースコードの
イメージタグのケツに書いてある「\n」を削ってみる。

幅がそろったっっっ
（画像の間隔も詰まっちゃったけど）

＞6. font-sizeで隙間を消す

つまり、表示されてないけど、
ソースコードのなかの改行コード由来の
空白の「文字」が悪さをしているらしい。
ということで、フォントサイズを０にしても
同様の結果に。

んでいろいろ調整。


そろったー。

むー。
まさかソースコード内の改行コードが原因だなんて。

試しに改行コードの代わりに文字を入れてみる。


画像と並びだと、なんか下半分はみ出る感じのやな位置に
文字が来ちゃうのね。

そして、なんでか、画像一枚の場合は
改行コード由来の空白が出来ないっぽい？
っていうところで問題がややこしくなっていた模様。

こんなんでずいぶん悩やんじゃったＤＥＡＴＨ。

はふー。

しかし、久しぶりにperlがりがり書いたけど
やっぱ無理矢理な感じの中途半端なオブジェクト指向は
いまいちよろしくない。

やっぱperlは泥臭く書いてなんぼの言語なのかも（ぉ

オブジェクト指向的には、ｃ++ならこう書くのになーてのが
一杯出てくるのだけども
この処理をｃ++で書こうとしたら大変だよなー
ってのも多かったりするので
向き不向き的な話なんでしょうけども。

それでもやっぱ
ｃ++がまた恋しくなってきたｗ


ｃｇｉ以外のｈｔｍｌのページもリライトしたりしたのだけども
やっぱり結局、中身のコンテンツ不足～ってかんじで
まだまだ縮小運営中の看板はおろせる段階じゃないぽ。

がんばって中身をもうちょっと増やさねば……。