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>
あいうえおかきくけこ<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タグのすぐ後に
「HTMLを確認」チェックを外します。
画像の下にカーソルを持って行き、文章を書いて行きます。
分り辛かったでしょうか?
うまく行かない場合は、コメントに書いてください。
解決できましたら、質問を、(解決済)にしておいてください。
をご参考に
投稿の入力欄に画像が見えている状態だとします。
カーソルを画像のすぐ前に移し、文字を入力します。
その後改行すれば、画像が文字の下に行きます。
画像の下にいれる場合は、カーソルを画像のすぐ右に移動させ、
入力欄の下の「HTMLを確認」にチェックを入れて、HTMLソースが見える状態にします。
画像を表示するHTMLタグのすぐ後に
<br clear="all">と書きます。
「HTMLを確認」チェックを外します。
画像の下にカーソルを持って行き、文章を書いて行きます。
分り辛かったでしょうか?
うまく行かない場合は、コメントに書いてください。
解決できましたら、質問を、(解決済)にしておいてください。
をご参考に
回答レベル : 回答
Ads By Google
コメント
まだコメントがありません




