-history back- | No3 1k6yHP→jisyuhen77/jisyuhen77.html | HOMEへ |
質問:画像の上にテキスト文字を乗せるには? |
回答:西村文宏さんの【ホームページ作成】画像上の自由な位置に文字を重ねる方法を閲覧ください。http://allabout.co.jp/gm/gc/23824/3/ |
補足:ネットで調べると西村文宏さんの【ホームページ作成】画像上の自由な位置に文字を重ねる方法を見つけました。掲載内容に画像の上に入力欄の文字を乗せるには?・・・「羽田上空」のサンプルがありこのデータソースをコピーして画像と文字を当方で置きなおしました。「じゅん菜池」の文字位置の調整に苦労しました。画像の位置は相対座標なので簡単に変更できますが、文字位置は絶対座標のためいちいちTOPの値と LEFTの値を変更してプレビューしながら自分で気にいた位置(TOP:650px LEFT:680px)にしました。更に窓枠のじゅん菜池の文字にリンクを張り「まあちゃんのホームページにあるじゅん菜池公園」へジャンプさせました。 |
<P align="center"><IMG alt="じゅんさい池"
src="jyunsaike.jpg" width="600" height="450"> <SPAN style="BORDER-BOTTOM: blue 1px solid; POSITION: absolute; BORDER-LEFT: blue 1px solid; PADDING-BOTTOM: 3px; BACKGROUND-COLOR: rgb(255,255,204); PADDING-LEFT: 15px; PADDING-RIGHT: 15px; FONT-FAMILY: sans-serif; BORDER-TOP: blue 1px solid; TOP: 650px; FONT-WEIGHT: bold; BORDER-RIGHT: blue 1px solid; PADDING-TOP: 3px; LEFT: 680px"><A href="http://www1.ka6.koalanet.ne.jp/m_hirano/sanpo-toukatutiku/jyunsaiike19.html">じゅん菜池</A> </SPAN></P> |
このプログラムのデータソースです。これをコピーして赤字の画像の名前jyunsaike.jpg、文字の位置TOP: 650px LEFT: 680px等を自分の好みに変更して試されと思います。 尚、「じゅう菜池」の文字の位置はインターネットの画面サイズの大きさにより左右に移動します。 |
UP |