解決済

本文と画像の位置関係

『文章を左、写真を右』とか、『文章の下に写真、その下に、また文章』とか、できるようになりたいのですが、教えてください。

2006-11-24 16:52の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(2)

2.

2006-11-26 21:28:26ベスト
写真の配置を変える方法・指示するタグ、などは色々ありますが
シンプルエディタでの方法が一番解りやすいと思いますので
そちらを説明させて頂きます

[IMG]ボタンを押すと
サムネイル作成でアップロードした画像なら
<a href="http://image.blog.livedoor.jp/で始まるタグ
サムネイル作成のチェックを外したものなら
<img src="http://image.blog.livedoor.jp/で始まるタグ
これを写真だと考えてください
ですので"基本的"には
文章をこのタグの後から書き始めれば写真の後に文章が表示されます

ここからが少しややこしいのですが
この自動的に生成されるタグの中に
「align="left"」というのがあると思います
これは、写真を随時左に寄せると言うことを指示していますので
これがある為に、思いどうりに表示されない場合があります
ですので私はこれを削除しています
すると写真を「一文字」と考えやすくなります
この方法ですと
[文章][写真][文章]

[写真][文章][写真]
改行<br>を適宜入れれば
[文章]
[写真]
[写真]

[文章][写真]
[文章]
などと比較的レイアウトがしやすいと思います

このやり方ではどうでしょうか?

説明が下手で申し訳ありません^^;

1.

2006-11-24 18:15:42
最初に、写真をアップロードしてください。
次に、kiss115様が言ったように「IMG」から投稿すると
写真のアドレス見たいのが、画面に出てきますので、
先に文章をかいてからでも良いですしあとからでも
できます。
この説明では分かりにくいとは思いますがこれでやってみてはどうでしょうか?
Ads By Google

コメント(6)

#1.  Kiss115
2006-11-24 16:58:42

ケーポンさん
投稿フォームは
[シンプルエディタ]
[WYSIWYGエディタ]
どちら使ってありますか?

それと写真は[IMG]ボタンで投稿されてますでしょうか?

#2.  Kiss115
2006-11-24 19:23:30

少し不思議に思ったのが、先日ケーポンさんのブログを拝見して
写真のアドレスの最後が.jpgではなく.JPGになっていたのと
写真サイズの変更はよく理解されてるようなので
画像の投稿方法はどのようにされているのか質問した次第です

2006-11-26 17:56:48

ありがとうございます。
いつも、写真を、アップロードして、そのあと、IMGボタンで、投稿しています。
投稿フォームは、WYSIWYG エディタでしたいのですが、使い方が、よくわかってないので、うまくいかない時は、シンプルエディタにする時も、あります。
写真と文章の位置を、自由に設定するには、WYSIWYGエディタで、すればいいのでしょうか。
熟知してないので、教えてください。

#4.  Kiss115
2006-11-26 21:54:43

WYSIWYGエディタでも[IMG]ボタンで写真を表示させた後に
文章を書き始めれば良いですし
WindowsのIEであれば[Shift]+[Enter]キーで改行を何回かして
カーソルの位置から書き始めれば
写真の下に文章を表示させることもできます

ただデザインによっては
思い通りのレイアウトにならない場合もあり
ある程度慣れが必要かもしれません

2006-11-27 09:22:07

KISS115さん、ご丁寧に、ありがとうございました。
試してみますね。

#6.  Kiss115
2006-11-27 10:42:26

はい^^
試してみてくださいm(_ _)m

トラックバック

トラックバックURL: