解決済
画像同士の間隔の縮め方
ウルフを使用しております。WYSIWYGで投稿しています。
記事内に画像を数点使用した場合
画像と画像の間のスペースが空きすぎていて、縮めたいのですが
アドバイス宜しくお願いいたします。
※ちなみに以前は、ここまで空いてなかったのですが、何かの加減でなってしまいました…
回答(1)
1.
<img class="pict" src="http://image.blog.livedoor.jp/landerblue/imgs/7/0/703be806.jpg" border="0" alt="ポールウォーカー3" hspace="5" width="150" height="170" align="left" /><br /> こんにちは<br /><br /><br />ポール・ウォーカーです<br /><br /><br /><br /><br /><br /><img class="pict" src="http://image.blog.livedoor.jp/landerblue/imgs/e/6/e6ab4664.jpg" border="0" alt="ポールウォーカー2" hspace="5" width="116" height="150" align="left" /><br /><br />ワイルド・スピード<br /><br />とかに出てます<br /><br /><br /><br /><br />となっているので<br />で調整せず<br clear="all">を使って
<img class="pict" src="http://image.blog.livedoor.jp/landerblue/imgs/7/0/703be806.jpg" border="0" alt="ポールウォーカー3" hspace="5" width="150" height="170" align="left" /><br /> こんにちは<br /><br /><br />ポール・ウォーカーです<br clear="all"><img class="pict" src="http://image.blog.livedoor.jp/landerblue/imgs/e/6/e6ab4664.jpg" border="0" alt="ポールウォーカー2" hspace="5" width="116" height="150" align="left" /><br /><br />ワイルド・スピード<br /><br />とかに出てます<br clear="all">にしてみるとか・・・。
<P>～</P>で囲ってあったら画像のタグの前後は消してしまうとか・・・。
いろいろと、ご丁寧にありがとうございました。
おかげさまで無事に解決いたしました。
又の機会がございましたら宜しくお願い致します。
コメント(5)
補足：WYSIWYGエディタを使われているなら、うさこさんの言われるようなタグを入れるには投稿する場所の下の「HTMLを確認」にチェックを入れてから画像の横の文末に<br clear="all">を入れます。
WindowsIEのWYSIWYGエディタは普通の改行より行間が広がるので、普通の改行にしたい場合は、Shiftキーを押しながらEnterキーで改行です。
うさこさん 鸚哥(いんこ) さん。ありがとうございます。
CSSなど分る範囲でやってみましたが、おしゃってる変更箇所がわかりませんでした…
投稿の度に設定する感じになるのでしょうか？
お手数をおかけしますが、再度初心者用にレクチャー頂けたら嬉しいです。
それと、新管理画面にした場合WYSIWYGというのが見当たらず…HTMLエディタでいこうと思いますので、その辺りも配慮頂けたら幸いです。
HTMLエディタ を使用しているのであれば
投稿画面の上部にある HTML をクリックして HTMLソース編集 を開いて内容を修正してみてください。
新管理画面の使い方についてはライブドアのヘルプを見ても、全く説明が無いので充実させてほしいですね・・・。
これまでの記事 から ポールウォーカー の記事を開きます。
<画像のタグ>文章<br /><br /><br /><br /><br /><br /><画像のタグ>文章<br /><br /><br /><br /><br /><br />と記入されているところを
<画像のタグ>文章<br clear="all"><画像のタグ>文章<br clear="all">に修正してみてください。
WYSIWYGエディタは旧管理画面でしか使用できないみたいですね。
新管理画面にすると WYSIWYGエディタ は自動的に HTMLエディタ になっちゃうんですね・・・知らなかった。
どちらにしても、投稿済みの記事はひとつづつ修正することになってしまいます。
スタイルシート(CSS) での修正は
/*** img */
#main .article-body img.pict
margin: 0 5px 5px 0;
を
margin: 0 5px 0px 0;
にすると画像の下の余白5pxが狭くなりますが、見た目はほとんど変わりません。
↑ごめんなさい。HTMLエディタでは修正出来ませんでした。
普段、旧管理画面のシンプルエディタを使ってたもので・・・。
一時的にシンプルエディタにして修正するか
旧管理画面のWYSIWYGエディタを使ってみてください。
http://cms.blog.livedoor.com/cms/article/
その場合は HTMLを確認 にチェックを入れて修正
HTMLを確認 のチェックを外して投稿です。
失礼しました。
