テーブル内、画像の隣に文字を配置



0   名前: laiha : 2007/01/07(日) 22:00  ID:QigQuES0

laihaと申します。
私の勉強不足でしたら大変に申し訳ありませんが、色々と調べても分からなかったのでこちらで質問をさせていただきます。


質問:

テーブルの中で <img src="○○○.jpg" align="left"> と挿入し、
画像の横に文字を配置したいのですが、どうしても反応しません。
CSSでは特に行間などの設定をしておりません。
どのようにしたら平行に文字と画像が並ぶのでしょうか?

* 試したのは文字より小さい画像です。


よろしくお願いいたします。



1   名前: suzunone : 2007/01/07(日) 22:00  ID:QW7KPOPA
<img src="○○○.jpg" style="float: left;"> 

2   名前: 牛若 : 2007/01/07(日) 22:00  ID:9pSibPyg
<img src="○○○.jpg" align="left">で文字が画像の右横に並ぶはずです。
画像の大きさが小さいのでしたら、横一線上には並びません。
それは、>>1の方法でも同じでしょう。

横一線上に画像と文字を並べる確実な方法は、テーブルの別々のセルに配置して
それぞれのセルにvalign="middle"を設定することです。

 

3   名前: カヅサツ ◆ThCi95HEzw : 2007/01/07(日) 22:00  [URL]  ID:lY9L7AMa
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
td{
	font-size: 200%;
}
img{
	border: 1px solid red;
}
</style>
</head>
<body>
<table>
	<tr>
		<td><img src="http://www.google.com/talk/images/phone_icon.gif"
		alt="">文字と画像は「平行に」並んでいるように見えます。</td>
	</tr>
</table>
</body>
</html>


4   名前: laiha : 2007/01/07(日) 22:00  ID:QigQuES0

みなさんどうもありがとうございます!
全ての方法を試させていただきました。

ご親切に教えていただき、大変に嬉しかったです。
お世話になりました。

一覧へ戻る