食事処めもの更新履歴

画像の横に文字を置きたい

将軍:桜ん坊
生徒:伊那家もん

 --------------- --------------- ---------------

画像の右に文字列を表示したいのなら:
<table>
<tr align=”left” valign=”top”>
<td>[画像]</td>
<td>文章はかならずここから。
で、複数行なら改行しながら
続けていけばいい。
</td>
</tr>
</table>

画像の左に文字列を表示したいのなら:
<table>
<tr align=”left” valign=”top”>
<td>文章はかならずここから。
で、複数行なら改行しながら
続けていけばいい。
</td>
<td>[画像]</td>
</tr>
</table>

文字列の垂直位置が画像に対して真ん中であって欲しいなら、上の例の valign=”top” を valign=”middle” にする。下にしたいのなら valign=”bottom” にしれ。

実サンプル(「自動改行+HTMLタグ」の設定で)
<table>
<tr align=”left” valign=”top”>
<td><img src=”http://blog-imgs-27.fc2.com/s/a/k/sakuranbou/tutu.jpg” /></td>
<td>マイルス!
(・∀・) かっくいー!
(・∀・) かっくいー!
(・∀・) かっくいー!
</td>
</tr>
</table>

上のは、次のように見える:

マイルス!
(・∀・) かっくいー!
(・∀・) かっくいー!
(・∀・) かっくいー!


 --------------- --------------- ---------------

まだ、改善点はあるけど、ちと時間ないのでとりあえず、ここまでね。

次へ 投稿

前へ 投稿

© 2022 食事処めもの更新履歴

テーマの著者 Anders Norén