- ベストアンサー
FC2のブログでHTML新規投稿時に画像とテーブルの間に空白ができる問題の解消方法
- ＦＣ２のブログで新規投稿した際に、画像とテーブルの間に広い空白ができてしまう問題が発生しています。この問題を解消するためには、特定のCSSスタイルを適用する必要があります。
- 具体的には、テーブルと画像の間の余白をゼロに設定するために、CSSのmarginプロパティを使用します。marginプロパティには、テーブルと画像の間の上下左右の余白を指定します。
- 以下のようなCSSコードをブログのテーマやカスタマイズエリアに追加することで、問題が解消されるはずです。 ``` <style> img { margin: 0; } </style> ```
- tarono0123
- お礼率57% (357/618)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
HTMLを直接投稿するときは、高機能テキストエディターボタン「W」で、 余分な改行やスペースを空けずにHTMLをそのまんま貼り付けて見て下さい。 ↓のように（若干文法訂正しましたが） <div><a href="http://blog-imgs-37.fc2.com/h/i/r/xxx/xxx-img600x448-1291282057iczrmy28164.jpg" target="_blank"><img src="http://blog-imgs-37.fc2.com/h/i/r/xxx/xxxi-img600x448-1291282057iczrmy28164s.jpg" alt="" border="0" width="119" height="89" /></a></div><table width="400" border="1"><tbody><tr><th scope="col">価格Ａ</th><th scope="col">価格Ｂ</th><th scope="col">価格Ｃ</th></tr><tr><td>1,500</td><td>2,000</td><td>未</td></tr></table> 醜いし、メンテしにくいので、別のエディターで作っておいて、改行やスペースを 取り払った上でコピペします。
その他の回答 (1)
- metametamu
- ベストアンサー率51% (153/295)
<img src="http://blog-imgs-37.fc2.com/h/i/r/xxx/xxxi-img600x448-1291282057iczrmy28164s.jpg" alt="" border="0" width="119" height="89" style="margin-bottom:0;" /> この部分だけ書き換えるとどうですか？
お礼
ありがとうございます！
お礼
ありがとうございます！