きなこの　愉快な　楽天日記枠＆miniﾀｸﾞ講座

■マージンを使って（ｽｸﾛｰﾙ無）

★　マージンを使って画像に文字　★
（ｽｸﾛｰﾙ無）

このままコピーペーストして使えます。

■　見本　■

タグ講座目次

楽しい日記枠

<center>
<table WIDTH=143px height=135 cellpadding="0" cellspacing="0" background="http://画像アドレス" style="background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%;"><TR><TD align=center> <DIV style="width:100px;height:50px; margin-top:50px;margin-left:5px ;background-color:#C7C7E2;border-style:inset;border-color:#bebebe;border-width:2px;font-weight:bold;font-size:10px;color:#7373B9;font-family:Comic Sans MS;"><BR>ここに文字</DIV> </TD></TR></table></center>

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

■　詳細　■

■　 margin-top:50px;margin-left:5px

見本では、top　と　left　にマージンを使っています。

画像によっては、位置がずれますので、

margin-top:★px　　（上）
margin-left:★px　　（左）
margin-right:★px　　（右）
margin-bottom:★px　　（下）

を使って調整してくださいね。

■　テーブルの大きさは（緑表示）、画像ｻｲｽﾞと合わせると使いやすいです。

■　青表示は、文字ボックスのﾀｸﾞです。

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

■　結果　■

ここに文字

＊　画像が無いと、何が何だかわからないわ・・（爆）

ﾀｸﾞには、border線は入れてませんが、
一応、どうなってるかを見るために、border線を入れたのが↓です。

この枠の中に、画像が入ります。

ここに文字

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

■　ここで使わせていただいた素材や様です　■

ｽｸﾛｰﾙありはこちらから