画像に文字を入れる方法。。。



0   名前: 黒蒼 : 2007/01/09(火) 12:10  [URL]  ID:rLZrogrM
よく、背景画像とは別の画像を背景の上に重ねて、文字が入ってたりするHP(表現が分かりづらかったらスイマセン。)が多いですが、あれがどうやるかよく分かりません。。。
誰か教えていただけないでしょうか??

1   名前: そーるわん : 2007/01/09(火) 12:10  ID:RgVti7gm
背景画像に画像を重ねるのは、<table>タグでbackground属性を使って背景画像を指定してあげればいいと思います。
さらに上重ねする場合はスタイルシートで表示位置を指定してあげればいけると思います。いかがでしょう。
http://www.tagindex.com/stylesheet/box/top_right_bottom_left.html



<table><tr><td width="300" background="http://www.tagindex.com/stylesheet/image/head.gif" >
<img src="http://www.tagindex.com/image/logo/title_head.gif">
</td></tr></table>


<span style="top:10px; left:10px; position:absolute;">
<b>背景画像に別の画像を重ねて、文字も重ねる。</b>
</span>



2   名前: 匿名 : 2007/01/09(火) 12:10  ID:NRh6Ia0I
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="(画像の横サイズ)" height="(画像のたてサイズ)" background="(画像)"><center>
<font color="#CCFFFF" size="6">(文字)
</font></center></span>
</td></table>

一覧へ戻る