堕天使の煉獄
2015-09
09
20:48:08
小さなものほど苛つきデカイ
ようやく古いcgi全部修正終わったり。
んが、ものすごく些細な部分が
修正しようにも何が問題なのか判らずに
しばらく悶えてしまったり。
ちいさな瑕疵ほど気になるものです……。
なんでか、画像を横並びに配置したとき
列に画像が1枚の時と、2枚以上の時で
配置してるブロックのサイズが変わる……
(右の方のブロックのサイズがすこし小さくなってる)
このズレがすんごく気持ちが悪い。
が、なんどソースを見直しても
原因がわからない。
なにげに選択してみると、謎の空白が画像の横に。
一枚の時には無く、二枚以上並べると突如出現する謎の■。
しかもなんか画像の下部より下まで延びてるし。
なんかこれが原因くさいのだけども
この■がなんなのか、どっから沸いて出てるのかが
さっぱり。
むきぃぃぃぃ
グーグル先生に聞いてみよう。
「css 画像 横並び 隙間」
水平型リストで画像を並べた時の隙間を消す6つの方法
ttp://www.webbibo.com/blog/htmlcss/h_list_space.html
いきなり解決法が。
といっても上記のサイトのは
横方向に並べたときに出来る画像間の隙間を埋める方法ですけど。
んでも何が問題だったかの解法はそのものずばりの物が。
以下引用
>要素と要素の間に隙間が生じます。
>これは空白類文字といって、ソースコード内の改行は
>半角スペースくらいの空白に変換するそうです
???
試しに……perlのソースコードの
イメージタグのケツに書いてある「\n」を削ってみる。
幅がそろったっっっ
(画像の間隔も詰まっちゃったけど)
>6. font-sizeで隙間を消す
つまり、表示されてないけど、
ソースコードのなかの改行コード由来の
空白の「文字」が悪さをしているらしい。
ということで、フォントサイズを0にしても
同様の結果に。
んでいろいろ調整。
そろったー。
むー。
まさかソースコード内の改行コードが原因だなんて。
試しに改行コードの代わりに文字を入れてみる。
画像と並びだと、なんか下半分はみ出る感じのやな位置に
文字が来ちゃうのね。
そして、なんでか、画像一枚の場合は
改行コード由来の空白が出来ないっぽい?
っていうところで問題がややこしくなっていた模様。
こんなんでずいぶん悩やんじゃったDEATH。
はふー。
しかし、久しぶりにperlがりがり書いたけど
やっぱ無理矢理な感じの中途半端なオブジェクト指向は
いまいちよろしくない。
やっぱperlは泥臭く書いてなんぼの言語なのかも(ぉ
オブジェクト指向的には、c++ならこう書くのになーてのが
一杯出てくるのだけども
この処理をc++で書こうとしたら大変だよなー
ってのも多かったりするので
向き不向き的な話なんでしょうけども。
それでもやっぱ
c++がまた恋しくなってきたw
cgi以外のhtmlのページもリライトしたりしたのだけども
やっぱり結局、中身のコンテンツ不足~ってかんじで
まだまだ縮小運営中の看板はおろせる段階じゃないぽ。
がんばって中身をもうちょっと増やさねば……。
んが、ものすごく些細な部分が
修正しようにも何が問題なのか判らずに
しばらく悶えてしまったり。
ちいさな瑕疵ほど気になるものです……。
なんでか、画像を横並びに配置したとき
列に画像が1枚の時と、2枚以上の時で
配置してるブロックのサイズが変わる……
(右の方のブロックのサイズがすこし小さくなってる)
このズレがすんごく気持ちが悪い。
が、なんどソースを見直しても
原因がわからない。
なにげに選択してみると、謎の空白が画像の横に。
一枚の時には無く、二枚以上並べると突如出現する謎の■。
しかもなんか画像の下部より下まで延びてるし。
なんかこれが原因くさいのだけども
この■がなんなのか、どっから沸いて出てるのかが
さっぱり。
むきぃぃぃぃ
グーグル先生に聞いてみよう。
「css 画像 横並び 隙間」
水平型リストで画像を並べた時の隙間を消す6つの方法
ttp://www.webbibo.com/blog/htmlcss/h_list_space.html
いきなり解決法が。
といっても上記のサイトのは
横方向に並べたときに出来る画像間の隙間を埋める方法ですけど。
んでも何が問題だったかの解法はそのものずばりの物が。
以下引用
>要素と要素の間に隙間が生じます。
>これは空白類文字といって、ソースコード内の改行は
>半角スペースくらいの空白に変換するそうです
???
試しに……perlのソースコードの
イメージタグのケツに書いてある「\n」を削ってみる。
幅がそろったっっっ
(画像の間隔も詰まっちゃったけど)
>6. font-sizeで隙間を消す
つまり、表示されてないけど、
ソースコードのなかの改行コード由来の
空白の「文字」が悪さをしているらしい。
ということで、フォントサイズを0にしても
同様の結果に。
んでいろいろ調整。
そろったー。
むー。
まさかソースコード内の改行コードが原因だなんて。
試しに改行コードの代わりに文字を入れてみる。
画像と並びだと、なんか下半分はみ出る感じのやな位置に
文字が来ちゃうのね。
そして、なんでか、画像一枚の場合は
改行コード由来の空白が出来ないっぽい?
っていうところで問題がややこしくなっていた模様。
こんなんでずいぶん悩やんじゃった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)
■レス履歴■
■ファイル抽出■
■ワード検索■
堕天使の煉獄
https://rengoku.sakura.ne.jp
管理人
織田霧さくら(oda-x)
E-mail (■を@に)
oda-x■rengoku.sakura.ne.jp