【 ＨＰ作成質問箱 】

【ＨＰ作成質問箱/詳細】　一覧 / 詳細

　 No.9939　画像と文字

[ＥＳ] [ブラウザ]　 09/05/29 (金) 15:19

教えてください。
例：あいうえお（かきくけこ）さしすせそ

（）でないところは普通の文字、（）の間は画像です。
（）のところは強調したいため、イラストに文字を加えた画像となっています。

この時、一列に上記のように並べるため、
tableタグを使用しました。

<table>
<tr align="center" vallgn-"middle"><td>あいうえお</td>
<td background="bluekukan.gif" height=50 width=300 alt="かきくけこ"></td>
<td>さしすせそ</td><tr></table>

このように記述したのですが、これだと画像が、
50,300になっても、画像全体を縮尺してくれるわけでなく、画像が切れてしまいます。
どのように設定したらいいのでしょうか。

▼

▼

▼

　 No.9940　Re:画像と文字

[atom] [ブラウザ]　 09/05/29 (金) 18:54

ひとつの手として、バックグラウンドではなく「img」タグを使い、次のようにする方法があります。

<table>
<tr align="center" vallgn-"middle"><td>あいうえお</td>
<td><img src="bluekukan.gif" height=50 width=300 alt="かきくけこ"></td>
<td>さしすせそ</td><tr></table>

※バックグラウンドは縮小できません。
　imgタグは見た目の縮小ができます。

▼

▼

▼

　 No.9943　Re^2:画像と文字

[ＥＳ] [ブラウザ]　 09/06/01 (月) 16:27

> ※バックグラウンドは縮小できません。
> 　imgタグは見た目の縮小ができます。

そうなんですね。初めて知りました。
本もソフトもない状態で、インターネットの情報を頼りに
ＨＰ作成中です。
今後もお世話になるかもしれませんが、
よろしくお願いいたします。

▼

▼

▼

　一覧 / 詳細