堕天使の煉獄

Gallery
Comic
Story
Production
Work
Link
ようやく古いcgi全部修正終わったり。

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

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

d_099.jpg

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

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

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

d_100.jpg

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

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

むきぃぃぃぃ

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

「css 画像 横並び 隙間」

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

いきなり解決法が。

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

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

???

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

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

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

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

んでいろいろ調整。
d_101.jpg

そろったー。

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

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

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

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

こんなんでずいぶん悩やんじゃったDEATH。

はふー。

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

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

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

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


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

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

Sun
Mon
Tue
Wed
Thu
Fri
Sat
01
もう九月かよ
02
03
04
05
06
07
08
リストラ中
09
小さなものほど苛つきデカイ
10
11
12
13
14
15
16
17
18
19
20
もうこのまま寒い?
21
[敬老の日]
22
[国民の休日]
23
[秋分の日]
24
いろいろ溜まってるので
25
26
27
扇風機を片付けるタイミング
28
29
30
寒暖の差がはげしいね
total:2076134 t:42 y:119
■記事タイトル■

■年度別リスト■
2024年 2024年12月(0)
2024年11月(0)
2024年10月(1)
2024年09月(2)
2024年08月(1)
2024年07月(1)
2024年06月(5)
2024年05月(2)
2024年04月(1)
2024年03月(6)
2024年02月(4)
2024年01月(3)
2023年 2023年12月(3)
2023年11月(1)
2023年10月(2)
2023年09月(3)
2023年08月(3)
2023年07月(3)
2023年06月(7)
2023年05月(8)
2023年04月(2)
2023年03月(1)
2023年02月(2)
2023年01月(3)
2022年 2022年12月(4)
2022年11月(3)
2022年10月(1)
2022年09月(3)
2022年08月(3)
2022年07月(2)
2022年06月(1)
2022年05月(3)
2022年04月(2)
2022年03月(2)
2022年02月(1)
2022年01月(6)
2021年 2021年12月(8)
2021年11月(3)
2021年10月(4)
2021年09月(6)
2021年08月(2)
2021年07月(1)
2021年06月(3)
2021年05月(2)
2021年04月(2)
2021年03月(3)
2021年02月(1)
2021年01月(4)
2020年 2020年12月(3)
2020年11月(7)
2020年10月(2)
2020年09月(3)
2020年08月(1)
2020年07月(3)
2020年06月(7)
2020年05月(5)
2020年04月(8)
2020年03月(4)
2020年02月(2)
2020年01月(4)
2019年 2019年12月(1)
2019年11月(1)
2019年10月(2)
2019年09月(1)
2019年08月(3)
2019年07月(2)
2019年06月(2)
2019年05月(2)
2019年04月(4)
2019年03月(1)
2019年02月(7)
2019年01月(1)
2018年 2018年12月(1)
2018年11月(1)
2018年10月(5)
2018年09月(1)
2018年08月(5)
2018年07月(1)
2018年06月(1)
2018年05月(1)
2018年04月(2)
2018年03月(2)
2018年02月(1)
2018年01月(1)
2017年 2017年12月(2)
2017年11月(1)
2017年10月(2)
2017年09月(5)
2017年08月(8)
2017年07月(2)
2017年06月(1)
2017年05月(1)
2017年04月(3)
2017年03月(5)
2017年02月(7)
2017年01月(8)
2016年 2016年12月(7)
2016年11月(2)
2016年10月(3)
2016年09月(7)
2016年08月(8)
2016年07月(10)
2016年06月(17)
2016年05月(6)
2016年04月(8)
2016年03月(10)
2016年02月(5)
2016年01月(10)
2015年 2015年12月(7)
2015年11月(7)
2015年10月(13)
2015年09月(7)
2015年08月(7)
2015年07月(5)
2015年06月(4)
2015年05月(5)
2015年04月(2)
2015年03月(4)
2015年02月(1)
2015年01月(7)
2014年 2014年12月(12)
2014年11月(8)
2014年10月(4)
2014年09月(6)
2014年08月(7)
2014年07月(4)
2014年06月(2)
2014年05月(5)
2014年04月(4)
2014年03月(8)
2014年02月(4)
2014年01月(8)
2013年 2013年12月(15)
2013年11月(8)
2013年10月(3)
2013年09月(3)
2013年08月(8)
2013年07月(0)
2013年06月(0)
2013年05月(0)
2013年04月(0)
2013年03月(0)
2013年02月(0)
2013年01月(0)

■レス履歴■

2023-09-26 14:59:38 - 久慈光樹

2023-09-26 14:29:10 - 織田霧さくら

2023-09-26 13:10:45 - 久慈光樹

2023-03-20 05:30:16 - 織田霧さくら

2023-03-15 20:42:58 - まうる

2022-12-26 19:14:57 - 織田霧さくら

2022-12-25 02:28:36 - まうる@まるるん

2022-09-30 04:29:01 - 織田霧さくら

2022-09-23 19:01:29 - まるるん

2022-06-16 21:06:34 - 山本


■ファイル抽出■

■ワード検索■

堕天使の煉獄

https://rengoku.sakura.ne.jp
管理人

織田霧さくら(oda-x)

E-mail (■を@に)

oda-x■rengoku.sakura.ne.jp

堕天使の煉獄バナー 堕天使の煉獄バナー