Ｑ＆Ａ：罫線ありテンプレの画像貼付
2007年08月23日(木曜日)
Ｑ11-2．罫線のあるテンプレートでの、画像貼り付けによる文字の罫線ズレの解決方法は？
Ａ．以下の２通りをお試しください。
<1> 画像の縦幅を罫線の倍数数値で作成する。
* 罫線幅は『20px』です。
<2> 画像に回り込みタグ『align="☆☆"』を入れる。
* ☆☆には、記事上の画像の位置：「left（左）」or 「right（右）」。
* 但し、回り込みですので、画像の横に文字が入ります↓↓。
方法は、「記事を書く」画面で、通常の方法で記事内に画像タグを取り込み、上記タグを入れ（赤文字）、緑文字打ち消し部分は削除してください。
画像の横に文字が入るのがイヤなら、書き込み時に、画像の縦幅分（行幅が20pxなので、画像が200pxなら、200÷20＝10で、１０行くらい）ほど改行すると画像横から文字が外れるはずです（大体の目安です）。
パソコン機能の『単語登録』などに「align="left"」を入れて、簡単な「読み」（私は、「あ」を押すだけ）で出るように登録しておけば、いちいち全部のタグを入れなくても良いから簡単ですヨ。
Ａ．以下の２通りをお試しください。
<1> 画像の縦幅を罫線の倍数数値で作成する。
* 罫線幅は『20px』です。
<2> 画像に回り込みタグ『align="☆☆"』を入れる。
* ☆☆には、記事上の画像の位置：「left（左）」or 「right（右）」。
* 但し、回り込みですので、画像の横に文字が入ります↓↓。
方法は、「記事を書く」画面で、通常の方法で記事内に画像タグを取り込み、上記タグを入れ（赤文字）、緑文字打ち消し部分は削除してください。
<a href="http://貴方のブログ画像URL.jpg" target="_blank"><img src="http://貴方のブログ画像URL.jpg" alt="画像説明文" border="0" align="left"></a><br clear="all">
画像の横に文字が入るのがイヤなら、書き込み時に、画像の縦幅分（行幅が20pxなので、画像が200pxなら、200÷20＝10で、１０行くらい）ほど改行すると画像横から文字が外れるはずです（大体の目安です）。
パソコン機能の『単語登録』などに「align="left"」を入れて、簡単な「読み」（私は、「あ」を押すだけ）で出るように登録しておけば、いちいち全部のタグを入れなくても良いから簡単ですヨ。
Ｑ＆Ａ：罫線ありテンプレの絵文字使用（改訂）
2007年08月23日(木曜日)
Ｑ11-1．罫線のあるテンプレートでの、絵文字使用の罫線ズレの解決方法は？
Ａ．下記のようにカスタマイズしてください。
「スタイルシートの編集」内、
まずは、絵文字タグを上記のように変更してください。
罫線幅は「20px」で、（Docomoで考えると）絵文字の縦幅は12pxなので、『絵文字の幅＋� 椨◆畄喟�幅』の式に当てはめると、「12+4+4＝20」で、� �4・�◆�4となります。
もちろん、� �3・�◆�5でも、� �1・�◆�7でも、� �5・�◆�3でも、ＯＫです。
各社の絵文字の大きさは以下の通りです。
貴方が主に使用する絵文字の会社のmargin数値を入れてください。
☆Docomo―→[12×12px]→margin : 4px 0px 4px 0px;
☆ｿﾌﾄﾊﾞﾝｸ-→[15×15px]→margin : 2px 0px 3px 0px;
☆au―――→[14×15px]→margin : 2px 0px 3px 0px;
（数値は任意です。長文でのテストはしていませんので、ズレがある出てくる可能性もあります。貴方のブログにあった位置になるように変えてください）
但し、絵文字は、各社仕様の違いで大きさが統一しません。
兼用すると、ズレます（ｿﾌﾄﾊﾞﾝｸとauは同じですが、Docomoは特に）。
下記の場合は、修正が効きません。
『記事内画像を写真風にするタグを入れている』場合です。
理由は判りませんが、同じ画像と識別しているのか、写真風タグの画像背景白部分を絵文字も読み込んでいるようです。
それ以外の解決法は鮎の知識では判りませんので、、
<1>罫線タグを削除する。
<2>ずれるのは我慢する。
で、お使いくださるか、他のテンプレートに変更してください。
Ａ．下記のようにカスタマイズしてください。
「スタイルシートの編集」内、
.emoji{
border : 0px;
margin : ��px 0px ��px 0px;
vertical-align:middle;
}
まずは、絵文字タグを上記のように変更してください。
罫線幅は「20px」で、（Docomoで考えると）絵文字の縦幅は12pxなので、『絵文字の幅＋� 椨◆畄喟�幅』の式に当てはめると、「12+4+4＝20」で、� �4・�◆�4となります。
もちろん、� �3・�◆�5でも、� �1・�◆�7でも、� �5・�◆�3でも、ＯＫです。
各社の絵文字の大きさは以下の通りです。
貴方が主に使用する絵文字の会社のmargin数値を入れてください。
☆Docomo―→[12×12px]→margin : 4px 0px 4px 0px;
☆ｿﾌﾄﾊﾞﾝｸ-→[15×15px]→margin : 2px 0px 3px 0px;
☆au―――→[14×15px]→margin : 2px 0px 3px 0px;
（数値は任意です。長文でのテストはしていませんので、ズレがある出てくる可能性もあります。貴方のブログにあった位置になるように変えてください）
但し、絵文字は、各社仕様の違いで大きさが統一しません。
兼用すると、ズレます（ｿﾌﾄﾊﾞﾝｸとauは同じですが、Docomoは特に）。
下記の場合は、修正が効きません。
『記事内画像を写真風にするタグを入れている』場合です。
理由は判りませんが、同じ画像と識別しているのか、写真風タグの画像背景白部分を絵文字も読み込んでいるようです。
それ以外の解決法は鮎の知識では判りませんので、、
<1>罫線タグを削除する。
<2>ずれるのは我慢する。
で、お使いくださるか、他のテンプレートに変更してください。
