Webコーディングをしていていつもつまずくのに、何度でも調べてしまうスキマの話です。
<p> <img src="ushi.jpg"> </p>
こんなコードで画像をはりつけると、
↑こんな風なスキマが
これは、デフォルトでは画像の下端がベースラインに揃うように設定されているため、なんだそうです。
ベースラインに揃うというのは、日本語ではぴんときませんが、英字ですとjとかqとかyとかが、ベースラインから飛び出す分、ベースラインより下にもスペースが要求されるので、その分の余白が生じてしまいます。そのため、<p>要素に設定されている文字の大きさがものすごーく小さかったりした場合は、気になるほどの余白が生まれない可能性もあるみたいです。
この余白をなくすには、
<p> <img src="ushi.jpg" style="vertical-align: bottom;"> </p>
こんな風にimg要素のvertical-alignにbottomを指定すると、画像の下端は、行の下端に揃います。
あるいは、画像をブロック要素として配置してしまう、という手が使える場合もありそうですね。
StudioSynchのお仕事は、中小企業さまから人づてにご依頼頂くことが多く、名刺印刷からWebサイトの運用まで、色々とやっています。
私の知識は仕事上の必要に迫られて得たものばかりで、よく言えば実践的とも言えますが、まあ基本がなっていないというか、日々勉強することばかりです。
Webサイトの依頼がきましたら、お客様と色々とご相談するのですが、今までのところ、MODx evolutionで運用する、というパターンに落ち着いてきました。
その理由はふたつ。
・私が初めてさわったCMSがMODx evolutionで、それ以外のCMSを扱った経験が少ないため。
・自由度が高いから。
ですが、MODxというのは、いわゆるマニュアル本もほとんどなく、ネットでも日本語情報は多いとは言えません。さんざん苦労して探し当てた情報がロシア語で、気が遠くなるようなことも。
なので、MODxを使用する上で勉強したことも、ここに書いていくつもりです。人様の役に立つかどうかは謎ですが、あくまでも自らの今後のために。
↑私が読んだことのある唯一のマニュアル本です。日本語の本って、これしかないみたい。
StudioSynchという屋号で、ひっそりと仕事をしております。
仕事上、得られた知見などを覚え書きとして書きとめることにしました。
この機会にWordpressのカスタマイズも覚えたいなあと考えています。
以後宜しくお願いいたします。