画像に文字回り込みで…
-
0 名前： ダイ ： 2006/02/11 23:40
- 画像横に文字を表示させるalignで文章が画像下になっても
画像横と同じ文字列にしたいのですが画像の真下に文字がきてしまいます…
画像横とずっと同じ文字列にするのはどうしたらよいのでしょうか？
どなたか教えてください…文章無茶苦茶ですみません。。
-
1 名前： Jigsaw ： 2006/02/11 23:40
- そうですね。画像横のテキストの回り込みを途中で打ち切るタグ
<BR CLEAR="all">はあるけど、その逆はありませんからね。
「width」を使って文章の一行の幅を決めてしまう方法はいかがでしょうか。
例えば、
<IMG SRC="画像ファイル" ALIGN="right"> のあとに、
<P STYLE="width:200px">
・・・・・・・・・・・・・
・・・・・・・・・・・・・
・・・・文章・・・・・・・
・・・・・・・・・・・・・
・・・・・・・・・・・・・
</P>
とすれば、右側の画像とは無関係に、文章幅は200ピクセルに固定されます。
（ただし、ＩＥのみです）
-
2 名前： カヅサツ ： 2006/02/11 23:40 ［URL］
- IE, Opera, Firefox で確認。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title>平成16年度売り上げ</title>
<style type="text/css">
.gpaph{
float:left;
}
.comment{
float:left;
width: 50%;
}
</style>
</head>
<body>
<h1>平成16年度売り上げについて</h1>
<p><img src="./gpaph01.gif" alt="[画像：平成16年度売り上げグラフ]" class="gpaph"></p>
<div class="comment">
<p>左図は弊社の平成16年度売り上げです</p>
<p>（略）</p>
<p>（略）</p>
<p>（略）</p>
<p>（略）</p>
</div>
</body>
</html>
