ｇooブログ 画像の下に余白が空きすぎて困っています・・・

質問

ブログに絵を載せています。その時に使用しているのは以下の様なタグ（？）です。これで画像を掲載して、その下に絵のタイトルを打ち込んみたいのですが、余白が空き過ぎていて気になります。どうしたらよいのでしょうか？style="margin-right:10px;"などで設定しても駄目でした。
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0"><tr>
<td align="center" valign="middle">
<A HREF="http://test.png">
<IMG SRC="http://test.png" alt="おめでとう" title="今年もよろしくね"style="border-width:1px;border-style:solid;border-color:#000000">
</a>
</td></tr></table>
　　　　　　　　　　　　　　　　　　　　「あけましておめでとう」

↑この「あけましておめでとう」というタイトルが画像ともう少しくっついて欲しいのです。もしかして、タグの問題ではなくて、ブログのCSSの設定で直すのでしょうか？よろしくお願いします。

回答No.2

345itati · ベストアンサー

単に画像をセンタリングさせたいだけなら、こんな仰々しい記述は不要なのでは？
<p style="text-align: center;"><A HREF="http://test.png">
<IMG SRC="http://test.png" alt="おめでとう" title="今年もよろしくね"style="border:1px solid #000000;"></a></p>
でも出来るかと・・・・
で、下の文字との余白を調節するなら、
<p style="text-align: center; margin-bottom: 4px;">を指定するかでしょうか。

お礼

大変丁寧な回答をありがとうございました(T_T)　私が書いたタグというのは、どこかのサイトで画像の挿入方法として書かれていたものをそっくりコピー＆ペーストして使っていました。これはテーブルを使うやり方だったんですね。345itatiさんが書いてくださった<p style>というやり方で出来ました！！ありがとうございましたm(__)m

回答No.3

Muller3

根本的な問題は、タグとタグの間に改行が入ってることだと思います。
ブログの本文入力欄は改行（リターンキーでの）を自動的に<br>に置き換えます。ブログを表示して該当のソースをご覧になってみて下さい。入れた覚えのない<br>タグがそのソースの中に入っていませんか。
改行を入れずにズラズラつなげて書けば、余分な余白はなくなります。

ただ、#2さんの言われる通り、昔と違ってレイアウトのためにテーブルタグを使うのはいい方法ではないと言われていますし、いじれるならCSSで設定したほうがいいと思います。
しかしどんなタグを使うにしろ、入力欄の中ではタグとタグとの間に改行を入れないことが、間延びを防ぐ方法かと。

お礼

回答ありがとうございます。私もどこかのサイトで紹介されてたタグをそっくりそのまま使用していたのですが、テーブルを使ってるだと初めて知りました。それで、今回テーブルのタグを取って、＃２さんが書いてくださった<p style>というやり方でやったら出来ました。そして不必要な改行は減らしてみたら、ちゃんと余白が狭まりました！！ありがとうございましたm(__)m

回答No.1

noname#56851

height="100%"を外してみてください。
これで様子をみてもし文字がくっつきすぎなら、文字を<p></p>ではさんでみてください。

お礼

回答ありがとうございますm(__)m　height100%を削ってみても駄目でした・・・でも、なんとか試行錯誤の末、余白を縮めることができました！！ありがとうございました。