ブログにリンク画像を並べて付けたいのですが、下記のタグを入れると「※ボ

質問

ブログにリンク画像を並べて付けたいのですが、下記のタグを入れると「※ボタンをクリックしてね」の文字と画像の間に何行かの空白が出来てしまいます。これを詰めるにはどうしたらよいでしょうか？

※ボタンをクリックしてね
<TABLE><TR>
<TD><a href="リンク先"><img src="images/1103fukunoki.jpg" width="134" height="86" alt="" class="pict" /></a></TD><TD>
<a href="リンク先"><img src="images/1123yabusati.jpg" width="134" height="86" alt="" class="pict" /></a></TD>
</TR>
</TABLE>

回答No.2

zeff · ベストアンサー

3行x3列という事ですか？
trが行でtdが列なので、

<table>
<tr><td>1行目1列目</td><td>1行目2列目</td><td>1行目3列目</td></tr>
<tr><td>2行目1列目</td><td>2行目2列目</td><td>2行目3列目</td></tr>
<tr><td>3行目1列目</td><td>3行目2列目</td><td>3行目3列目</td></tr>
</table>

こうです。

あと</div>の位置がおかしいのでそれも直すと、

<div align="center"><img src="images/ibe.jpg" width="300" height="85" alt="" class="pict" /><table><tr><td><a href="リンク先"><img src="images/1103fukunoki.jpg" width="134" height="86" alt="" class="pict" /></a></td><td><a href="リンク先"><img src="images/1123yabusati.jpg" width="134" height="86" alt="" class="pict" /></a></td><td><img src="images/botan.jpg" width="134" height="86" alt="" class="pict" /></td></tr><tr><td><a href="リンク先"><img src="images/1103fukunoki.jpg" width="134" height="86" alt="" class="pict" /></a></td><td><a href="リンク先"><img src="images/1123yabusati.jpg" width="134" height="86" alt="" class="pict" /></a></td><td><img src="images/botan.jpg" width="134" height="86" alt="" class="pict" /></td></tr><tr><td><a href="リンク先"><img src="images/1103fukunoki.jpg" width="134" height="86" alt="" class="pict" /></a></td><td><a href="リンク先"><img src="images/1123yabusati.jpg" width="134" height="86" alt="" class="pict" /></a></td><td><img src="images/botan.jpg" width="134" height="86" alt="" class="pict" /></td></tr></table></div>

こんな感じ。

回答No.3

小武士（@becchi33）

自動改行になっていると思われますので、「※ボタンをクリックしてね」と「<TABLE><TR>」の間をBack Spaceキーで詰めてみるとできるかもしれません。

回答No.1

zeff

何ブログか知りませんが、
もし記事の中に置いたのであれば、
自動改行が反映されているだけでは？

<TABLE><TR>←ココ
<TD><a href="リンク先"><img src="images/1103fukunoki.jpg" width="134" height="86" alt="" class="pict" /></a></TD><TD>←ココ
<a href="リンク先"><img src="images/1123yabusati.jpg" width="134" height="86" alt="" class="pict" /></a></TD>←ココ
</TR>←ココ
</TABLE>←ココ

詰めて書くか、

※ボタンをクリックしてね<TABLE><TR><TD><a href="リンク先"><img src="images/1103fukunoki.jpg" width="134" height="86" alt="" class="pict" /></a></TD><TD><a href="リンク先"><img src="images/1123yabusati.jpg" width="134" height="86" alt="" class="pict" /></a></TD>
</TR></TABLE>

自動改行を解除して、
文章の改行を<br>か<br />で行なうとか。
FC2ブログだと
【改行の扱い 自動改行　 ＨＴＭＬタグのみ】
で設定できます。

繰り返しますが記事内ならば、の話です。

お礼

お忙しい中、回答ありがとうございました。
記事内だったので、教えていただいた回答通りで空白が無くなりました。

補足

再度、回答をいただけると幸いです。下記のタグで、ボタンを横に３つ（そのうちの１つは現在リンクなし）並べる事ができました。ただ、１行に３つを３行ほど作りたい時は、この後に、どのようなタグを付ければ、２行目に移りますか？

<div align="center">
<img src="images/ibe.jpg" width="300" height="85" alt="" class="pict" />
<TABLE><TR><TD><a href="リンク先"><img src="images/1103fukunoki.jpg" width="134" height="86" alt="" class="pict" /></a></TD><TD><a href="リンク先"><img src="images/1123yabusati.jpg" width="134" height="86" alt="" class="pict" /></a></TD><TD><img src="images/botan.jpg" width="134" height="86" alt="" class="pict" /></TD></div>
</TR></TABLE>