Ads By Google
画像を複数貼る方法はわかりましたが
複数載せるとブログ全体の段がずれてレイアウトが変わってしまいます。全体のレイアウトを変えずに画像を複数載せるにはどうするか?
2006-06-16 14:37の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
回答(2)
1.
2006-06-16 15:55:04
◇画像を横に並べない
◇投稿してもレイアウトが崩れない画像サイズ(横幅)の限界を見極める(ある程度余裕を持って)
大きな画像は、適切なサイズに縮小してアップするか
サムネイルをクリックして実画像を別窓で表示させるようにすれば良いかと。
◇投稿してもレイアウトが崩れない画像サイズ(横幅)の限界を見極める(ある程度余裕を持って)
大きな画像は、適切なサイズに縮小してアップするか
サムネイルをクリックして実画像を別窓で表示させるようにすれば良いかと。
回答レベル : 回答
2.
2006-06-16 19:56:16
横に並べると記事の欄より広くなるような場合は、画像の後に改行を入れて、横に並ばないようにすれば良いと思うのですが、
livedoor Blogの処理やエディタの性格上、写真がうまく下に並ばないかも知れません。
livedoor Blogでは、記事に入れた画像に自動的に、画像を左に寄せ、続く文字や画像をその右側に回り込ませるHTMLタグが付きます。
このため、画像を続けた場合、横にずっと続いていって、枠からはみ出してしまいます。
挿入した後に、回り込ませないようにするには、2つ方法があります。
どちらも、HTMLタグをいじる必要がありますので、投稿入力欄の下の「HTMLを確認」にチェックを入れて、HTMLを表示させるか、
始めから、エディタとして「シンプルエディタ」を選んで作業します。
● まず、HTMLタグから、文字を右に回り込ませる部分を削除する方法です。
画像のHTMLタグ
そうすれば、画像が普通の1文字のような配置の仕方になります。
画像を続けた場合、記事の表示欄の幅が十分なら、先程の画像の横に来ます。
狭ければ、下に来ます。
改行を一回するだけで、次の画像が下に並びます。
● もう一つは、後から、回り込みの機能を解除する方法です。
これは、始め、文字を回り込みさせ、途中から画像の下に行かせたいという場合にも使えます。
画像のHTMLタグの後(>の後)、あるいは、文章の区切りの後に、
これは、回り込みの機能を解除し、改行するものです。
この後に続けた、文字や画像は、前の画像の下に行きます。
うまく行かない場合は、コメントに書いてください。
解決できましたら、質問を、解決済みにしておいてください。
(参考)
livedoor Blogの処理やエディタの性格上、写真がうまく下に並ばないかも知れません。
livedoor Blogでは、記事に入れた画像に自動的に、画像を左に寄せ、続く文字や画像をその右側に回り込ませるHTMLタグが付きます。
このため、画像を続けた場合、横にずっと続いていって、枠からはみ出してしまいます。
挿入した後に、回り込ませないようにするには、2つ方法があります。
どちらも、HTMLタグをいじる必要がありますので、投稿入力欄の下の「HTMLを確認」にチェックを入れて、HTMLを表示させるか、
始めから、エディタとして「シンプルエディタ」を選んで作業します。
● まず、HTMLタグから、文字を右に回り込ませる部分を削除する方法です。
画像のHTMLタグ
<img src="http:// ~ />の中から
align="left"を削除してください。
そうすれば、画像が普通の1文字のような配置の仕方になります。
画像を続けた場合、記事の表示欄の幅が十分なら、先程の画像の横に来ます。
狭ければ、下に来ます。
改行を一回するだけで、次の画像が下に並びます。
● もう一つは、後から、回り込みの機能を解除する方法です。
これは、始め、文字を回り込みさせ、途中から画像の下に行かせたいという場合にも使えます。
画像のHTMLタグの後(>の後)、あるいは、文章の区切りの後に、
<br clear="all">と入れてください。
これは、回り込みの機能を解除し、改行するものです。
この後に続けた、文字や画像は、前の画像の下に行きます。
うまく行かない場合は、コメントに書いてください。
解決できましたら、質問を、解決済みにしておいてください。
(参考)
回答レベル : 回答
Ads By Google
コメント
まだコメントがありません



