テーブルタグで2列2行のレイアウトにしてみます。
<table style="background-color:#F0F0F0;border:1px solid #BFBFBF;padding:0px;margin:0px;">
<tr>
<td style="vertical-align:middle;text-align:center;height:165px;width:210px">
<a href="/tokudanet/file/IMG_9364.JPG" target="_blank">
<img src="/tokudanet/file/IMG_9364-thumbnail2.JPG" border="0" alt="IMG_9364.JPG" style="width:200px;">
</a>
</td>
<td style="vertical-align:middle;text-align:center;height:165px;width:210px">
<a href="/tokudanet/file/IMG_9317.JPG" target="_blank">
<img src="/tokudanet/file/IMG_9317-thumbnail2.JPG" border="0" alt="IMG_9317.JPG" style="width:200px;">
</a>
</td>
</tr>
<tr>
<td style="vertical-align:middle;text-align:center;height:165px;width:210px">
<a href="/tokudanet/file/IMG_9397.JPG" target="_blank">
<img src="/tokudanet/file/IMG_9397-thumbnail2.JPG" border="0" alt="IMG_9397.JPG" style="width:200px;">
</a>
</td>
<td style="vertical-align:middle;text-align:center;height:165px;width:210px">
<a href="/tokudanet/file/IMG_9289.JPG" target="_blank">
<img src="/tokudanet/file/IMG_9289-thumbnail2.JPG" border="0" alt="IMG_9289.JPG" style="width:200px;">
</a>
</td>
</tr>
</table>
どうだ?
おー、表組で表示されました。
手前に謎の空行が入りますが、一応できるみたいですね。
タグ整形で改行していたのが原因でした。改行すると<BR>タグに変換されている。
一行でかけばスペースは入らないようです。
色々活用できそうです。
- no image
- no image
- no image