素人ながら、TeraPadというフリーソフトでHPの作成に挑戦しています。
自作の画像を載せるのに"img"タグで画像自体は表示されているのですが、同じ行にあるテキストがずれて表示されてしまいます。
テキストと画像を横並びに表示するためにはどういったソースを書けばよいのでしょうか?

このQ&Aに関連する最新のQ&A

A 回答 (5件)

補足です


先ほどの例では
画像を●テキストを■とした場合

●■ の並び方になりますが

<td>テキスト</td><td><img src="画像URL"></td>
だと■●になります。

<tr>
<td><img src="画像URL"></td><td>テキスト</td>
</tr>
<tr>
<td>テキスト</td><td><img src="画像URL"></td>
</tr>
<tr>
<td><img src="画像URL"></td><td>テキスト</td>
</tr>
と言う風にすると
●■
■●
●■ とできますよ。

 また、最初の
<table border="0">のborderの部分は枠線(元々TABLEタグは表を作るタグなので…)の太さの定義です。
「0」ですと、枠線無しになります。<table>のみですと枠線が表示されます。
bordercolorというタグで色のついた枠線にすることもできます。
    • good
    • 0
この回答へのお礼

ありがとうございます。
大変参考になりました。

お礼日時:2005/04/19 13:07

#1さんの仰る方法ともう一つ・・・


TABLEタグを使う方法もあります。
この方法ですと色々とレイアウトに使えて便利です。

<table border="0">
<tr>
<td><img src="画像URL"></td><td>テキスト</td>
</tr>
</table>

<tr>・・・行を定義します</tr>までが一行です。
<td>・・・欄の定義です</td>までが一欄です。

テキストを中央揃えなどにすることも可能です。
<td align="center" valign="middle">
このように指定すると、文字列は中央揃いで欄の高さの中心に文字列が表示されます。
(つまり、画像の真ん中と同じ高さに文字列が並ぶ)
 ちなみに、画像の上部と文字列を揃えるのはmiddleをtopに、アンダーラインで揃えるならbottomに変更すればOKです。

デフォルトでは
align="left" Valign="top"と同じ状態になっています。
    • good
    • 0

<br clear="left">


の間違いです。左寄せの解除になります。3度もすみません。
日頃CSSでfloatしか使ってないもので、
申し訳ないです。
    • good
    • 0

<img src="○○.jpg" align="left">


のようにです(これは左寄せ、文字が右になります。)
解除するには
<br clear>
を入れてください。
    • good
    • 0

画像を左か右に寄せると、文字が回りこみます。


img のタグに、半角スペース空けてから、
align="left" もしくは align="right"を追記してください。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


このカテゴリの人気Q&Aランキング

おすすめ情報