3つの画像を中央に寄せて表示させたい

質問

ライブドアブログを使っています。

記事の中で、画像３つを中央に寄せて、横に並べて表示させるには、どうしたらいいのでしょうか？

他の質問を見ると以下のタグの、

<a href="http://image.blog.livedoor.jp/***.jpg" target="_blank"><img src="http://image.blog.livedoor.jp/****/imgs/***.jpg" width="159" height="130" border="0" alt="******" hspace="5" class="pict" align="●●●●"/></a>

●●●●の部分を、left、center、rightにしたら良い。とあったのですが、それだと、それぞれが離れすぎてしまい、間抜けな感じになってしまいます。

ですので、３つの画像を横に並べて、中央に寄せて表示させるにはどうしたらよいのでしょうか？

■を画像としますと、

今の状態が

■　　　■　　　■です。

中央に寄せて横に並べるというのは

　　　■■■です。

教えてください。よろしくお願いいたします。

回答No.1

rik7717 · ベストアンサー

<CENTER>
<a href="http://image.blog.livedoor.jp/***.jpg" target="_blank">
<img src="http://image.blog.livedoor.jp/****/imgs/***.jpg" width="159" height="130" border="0" alt="******" hspace="5" class="pict"></a>
</CENTER>

align="●●●●"/>の部分を削除、
画像表示タグの前に<CENTER>表示タグの最後に</CENTER>
を置くと良いと思われます。

回答No.3

info22

下記のようなHTMLタグ表現ではいかがですか。

<div style="text-align: center;"><a target="_blank"
href="http://***.ne.jp/index.html"><img
src="http://***.ne.jp/imgs/01.jpg" alt=""
border="0"></a><a target="_blank"
href="http://***.ne.jp/index.html"><img
src="http://***.ne.jp/imgs/02.jpg" alt=""
border="0"></a><a target="_blank"
href="http://***.ne.jp/index.html"><img
src="http://***.ne.jp/imgs/03.jpg" alt=""
border="0"></a></div>

回答No.2

ttyp03

IMGタグの前後のタグに何を書かれているのかわからないのですが、恐らくTABLEタグを使用していると思います。
予想では、
<table width="100%">
<tr>
<td><img src="xxxx" …></td>
<td><img src="xxxx" …></td>
<td><img src="xxxx" …></td>
</tr>
</table>
こんな感じになっていると思うので、全てのIMGタグをひとつのTDタグ内に書いてください。
<table width="100%">
<tr>
<td align="center"><img src="xxxx" …><img src="xxxx" …><img src="xxxx" …></td>
</tr>
</table>
それからTDタグ内を中央寄せにするために、alignプロパティを使用しています。