アフィリエイト広告を利用しています

広告

posted by fanblog

2015年10月01日

ファンブログで画像を表組してみた

このブログ、HTMLでタグ打ちできるのかな?のテストです。

テーブルタグで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>

どうだ?










IMG_9364.JPGIMG_9317.JPG
IMG_9397.JPGIMG_9289.JPG


おー、表組で表示されました。
手前に謎の空行が入りますが、一応できるみたいですね。

タグ整形で改行していたのが原因でした。改行すると<BR>タグに変換されている。
一行でかけばスペースは入らないようです。

色々活用できそうです。




スポンサーリンク

この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL
https://fanblogs.jp/tb/4237642
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
検索
目次
最新記事
タグクラウド
楽天おすすめ
楽天のおすすめ商品です。
×

この広告は30日以上新しい記事の更新がないブログに表示されております。