解決済
Ads By Google
画像と文の間にスペースが出来てしまい、治せなくなりましたよろしくお願い致します。
デザイン、ウルフにて、画像を左寄せで使用していました。文は画像の右側に配置していましたが、ある日分が下にズレたのを治そうとしたところ、更に回り込みしなくなったりと、自分で収拾つかなくなってしまいました…
アドバイス頂けたら嬉しいです。よろしくお願い致します。
2009-08-14 15:25の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(3)
3.
2009-08-15 10:42:36
>>#4
ＩＥ８でみたら、確かに回り込みしていませんでした。
(Firefox3.5 では、回り込みしていたので、症状を確認できませんでした。すみません）
確かに、変ですが、ちょっと原因がよくわかりません。
アドホックな方法ですが、
さしあたり、
スタイルシートで、
回り込みするようになると思います。
余談：
<br />、<p> については、
記事記入後とか編集時に
ＨＴＭＬボタンを押してみて下さい。
表示されると思います。
ＩＥ８でみたら、確かに回り込みしていませんでした。
(Firefox3.5 では、回り込みしていたので、症状を確認できませんでした。すみません）
確かに、変ですが、ちょっと原因がよくわかりません。
アドホックな方法ですが、
さしあたり、
スタイルシートで、
#main .article-body img.pict {
margin: 0 5px 5px 0;
}
となっている部分を#main .article-body img.pict {
margin: 0 5px 5px 0;
float:left;
}
のようにしてみて下さい。回り込みするようになると思います。
余談：
<br />、<p> については、
記事記入後とか編集時に
ＨＴＭＬボタンを押してみて下さい。
表示されると思います。
回答レベル : アドバイス
ご丁寧な指導ありがとうございます
無事に回りこみが出来るようになりました☆
1.
2009-08-14 18:21:19
2.
2009-08-14 20:51:08
画像を添付する際にでませんか？
投稿画面で「IGM」ボタンから
記載したい写真を「投稿」ボタンでやると
<a href="******"><img src="****" width="***" height="***" border="0" alt="***" hspace="****" class="pict" align="left" /></a>
のようなＵＲＬは表示されませんか？
投稿フォームによっては
直接画像が出る場合があります。
投稿フォームが
シンプルエディタの場合は
画像ＵＲＬが表示されます。
投稿画面で「IGM」ボタンから
記載したい写真を「投稿」ボタンでやると
<a href="******"><img src="****" width="***" height="***" border="0" alt="***" hspace="****" class="pict" align="left" /></a>
のようなＵＲＬは表示されませんか？
投稿フォームによっては
直接画像が出る場合があります。
投稿フォームが
シンプルエディタの場合は
画像ＵＲＬが表示されます。
自信度 : 自信なし 回答レベル : 回答
色々とご指導ありがとうございました。
またよろしくお願い致します
Ads By Google
コメント(8)
#1. ＫＡＺ
2009-08-14 18:32:55
早速のご返答ありがとうございます。
画像ＵＲＬ内というのは、ＣＳＳの話でしょうか？
でしたら具体的な部分教えて頂いていいですか？
よろしくお願い致します
#2. BLUEPIXY
2009-08-14 20:27:17
#3. 伊賀忍者
2009-08-14 20:52:04
CSSではありません。
#4. ＫＡＺ
2009-08-15 10:02:09
皆さん、ありがとうございます。
普段はWYSIWYで使用していました。シンプルでの知識が少ないのですみません
>伊賀忍者様
画像URL内で align="center" してみましたが、効果はないようでした…
>BLUEPIXY様
基本的に全ての画像です。画像横に文があったのですが、過去の記事も全て、画像の下に文が来てしまっている状態です
回り込み表示は、画像を左寄せに以前からしていました。
<br /> や<p></p>は、見た限り無さそうでしたが
<BR>っていうのはたくさんありましたが？
皆さん、お手数かけますがよろしくお願い致します
#5. BLUEPIXY
2009-08-15 10:51:38
>>3
原因は、おそらく、vertical-align の指定です。（多分ＩＥの動作がおかしい）
vertical-align: baseline;をコメントアウトするだけでも、ほとんど直ると思いますが、
影響する範囲が広いので、単純に削除（コメントアウト）できないですね。
これだけでなく他の vertical-align の影響もあるようですので、なかなか全体の整合をうまくとるのは難しいですね。
差し当たり、回答３で（他はいじらなくても）なんとかなると思います。
#6. ＫＡＺ
2009-08-15 11:01:43
>BLUEPIXY様
文が下にずれる という症状は
画像を上下に並べた時の、余白スペースが広くなったという事です。回り込みはできたのですが、その症状が残ってしまっています。何か対処がありましたらよろしくお願い致します。
#7. BLUEPIXY
2009-08-15 18:58:27
>>#6 画像を上下に並べた時の、余白スペースが広くなった
記事中の段落<p> のスタイルで、
#main .article-body p {
margin-bottom: 1em;
}
のように下にマージンが取られていますから、その分のことですかね。1em の部分を0 にしてみれば、詰まると思いますけど。
あと、回答３の部分（上右下左）でも右と下にマージンが取られています。
#8. ＫＡＺ
2009-08-15 21:37:53
