お蔵入り

clip!clip!
Ads By Google

画像の上下に文章を入れたいです

画像を文書と文章でサンドするように
上、下、それぞれに文章を入れたいです。

画像の下に入力するやり方は
過去の回答を参考にやってみましたが
画像の上にも文章を入力したいので
そのやり方を是非教えてください

初心者向けでお願いします

2006-05-02 02:46の質問
画像  文章  上下    
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。

回答(2)

1.

2006-05-02 08:39:59
記事本文中の画像に対してということですね?

あいうえおかきくけこ<br>
<img src="画像のアドレス" border="0" width="画像の幅" height="画像の高さ"><br>
さしすせそたちつてと

これだけでできますよ。
画像を複数横に並べてとなると話は変わってきますね。
テーブルを作成して入れるなどの作業になりますので
回答が全然違ってきます。

画像一枚だけで・・・ということなら上記のやり方で
問題ないと思います。

画像の上下に隙間を空けたかったら、<img src="画・・・ をこうすれば良いです。

あいうえおかきくけこ<br>
<img style="margin-top:○px; margin-bottom:○px" src="画像のアドレス" border="0" width="画像の幅" height="画像の高さ"><br>
さしすせそたちつてと

○の中に任意の数字を入れて下さい。
5 ~ 10 が適当なんじゃないでしょうか。

画像と文字を併せてセンターに表示したければ、上記のタグを<div> で囲みます。こんな風に ・・・。

<div align="center">
あいうえおかきくけこ<br>
<img style="margin-top:○px; margin-bottom:○px" src="画像のアドレス" border="0" width="画像の幅" height="画像の高さ"><br>
さしすせそたちつてと
</div>
回答レベル : 回答

2.

2006-05-02 18:07:24
WYSIWYGエディタをお使いだという前提で話します。

投稿の入力欄に画像が見えている状態だとします。
カーソルを画像のすぐ前に移し、文字を入力します。
その後改行すれば、画像が文字の下に行きます。

画像の下にいれる場合は、カーソルを画像のすぐ右に移動させ、
入力欄の下の「HTMLを確認」にチェックを入れて、HTMLソースが見える状態にします。
画像を表示するHTMLタグのすぐ後に
<br clear="all">
と書きます。
「HTMLを確認」チェックを外します。
画像の下にカーソルを持って行き、文章を書いて行きます。

分り辛かったでしょうか?
うまく行かない場合は、コメントに書いてください。
解決できましたら、質問を、(解決済)にしておいてください。
 をご参考に
回答レベル : 回答
Ads By Google

コメント

まだコメントがありません

トラックバック(2)

トラックバックURL: