解決済
すみません。教えてください。
左寄画像の右側の記事がおかしくなっちゃいます。
投稿フォーム時は上に詰まっているんですが、プレビューすると1行だけ画像の隣に文章が来て、後は、画像の下に落ちてしまいます。左寄せ画像の隣のスペースががら空き状態になります。。。初めはこんなこと無かったんですが、色々カスタマイズをいじってたらこうなっちゃいました。よろしくお願いいたします。
2008-06-22 00:34の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(1)
1.
2008-06-22 01:29:16

画像は、直接タグを書いたのでなければ、
<img class="pict" align="left" …
のようになっています。
align="left" が文字の回り込みに指定で画像が左に来て、右側を文字が回り込みます。
これは、スタイルシートでの設定に優先するので、
スタイルシートをカスタマイズしておかしくなったというなら、
おそらく、
align="left" を削除しているか直接タグを書いたのでしょう。
class 指定している画像については、
スタイルシートでは、
img.pict か
単に
.pict で指定した所に設定を書きます。
class 指定していない場合は、
img に書きます
例えば、そのようなクラス指定していない画像の右に文字が回り込むようにするには
スタイルシートで
うまくいかない、具体的な場所がわからないようなら、ブログのアドレスを書くと具体的に教えてくれる人もいるでしょう。
<img class="pict" align="left" …
のようになっています。
align="left" が文字の回り込みに指定で画像が左に来て、右側を文字が回り込みます。
これは、スタイルシートでの設定に優先するので、
スタイルシートをカスタマイズしておかしくなったというなら、
おそらく、
align="left" を削除しているか直接タグを書いたのでしょう。
class 指定している画像については、
スタイルシートでは、
img.pict か
単に
.pict で指定した所に設定を書きます。
class 指定していない場合は、
img に書きます
例えば、そのようなクラス指定していない画像の右に文字が回り込むようにするには
スタイルシートで
img {
float:left;
}
のように指定します。うまくいかない、具体的な場所がわからないようなら、ブログのアドレスを書くと具体的に教えてくれる人もいるでしょう。
回答レベル : アドバイス
ありがとうございます!
CSSの記事の中にmain img を見つけました!確かに指定がnonになってました。教えていただいたとおりにやってみたらできました。本当にありがとうございました。・・・やっと寝れる(笑)
Ads By Google
コメント(1)
#1. BLUEPIXY
2008-06-22 03:12:54
ベストありがとうございます。
前半部分は、ライブドアの画像アップのデフォルト動作について書いています。
勝手にライブドブログだと早合点して回答していました。
m(_ _)m
何にせよ、うまくいって良かったです。


