テンプレート２・青

一列づつだとこんな感じで
画像 画像 画像 画像 画像
品名など
品名など 品名など 品名など 品名など
design by BEE BEE

ソース↓

<!--ここから-->
<center>
<TABLE border="0" cellpadding="2" cellspacing="5">
<TBODY>
<TR>
<TD align="center">
<TABLE border="0" cellpadding="2" cellspacing="2">
<TBODY>
<TR align="center" valign="middle">
<TD width="90" height="90" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
<TD width="90" height="90" style="border:solid #99ccff 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
<TD width="90" height="90" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
<TD width="90" height="90" style="border:solid #99ccff 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
<TD width="90" height="90" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
</TR>
<TR align="center" valign="middle">
<TD width="90" height="35" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
<TD width="90" height="35" style="border:solid #99ccff 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
<TD width="90" height="35" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
<TD width="90" height="35" style="border:solid #99ccff 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
<TD width="90" height="35" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
</TR>
</TBODY>
</TABLE>
<DIV align="right"><font size="-3" color="#c0c0c0">design by <a href="http://plaza.rakuten.co.jp/beeline/">BEE BEE</font></a></DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</center>
<!--ここまで-->

連結させるとこんな感じ

画像 画像 画像 画像 画像
品名など
品名など 品名など 品名など 品名など
画像 画像 画像 画像 画像
品名など
品名など 品名など 品名など 品名など
画像 画像 画像 画像 画像
品名など
品名など 品名など 品名など 品名など
design by BEE BEE

連結のソース↓

<!--ここから-->
<center>
<TABLE border="0" cellpadding="2" cellspacing="5">
<TBODY>
<TR>
<TD align="center">
<!--２段だけ連結の場合は、ここ↓から-->
<TABLE border="0" cellpadding="2" cellspacing="2">
<TBODY>
<TR align="center" valign="middle">
<TD width="90" height="90" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
<TD width="90" height="90" style="border:solid #99ccff 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
<TD width="90" height="90" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
<TD width="90" height="90" style="border:solid #99ccff 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
<TD width="90" height="90" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
</TR>
<TR align="center" valign="middle">
<TD width="90" height="35" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
<TD width="90" height="35" style="border:solid #99ccff 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
<TD width="90" height="35" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
<TD width="90" height="35" style="border:solid #99ccff 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
<TD width="90" height="35" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
</TR>
</TBODY>
</TABLE>
<!--ここ↑までを消してね-->
<TABLE border="0" cellpadding="2" cellspacing="2">
<TBODY>
<TR align="center" valign="middle">
<TD width="90" height="90" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
<TD width="90" height="90" style="border:solid #99ccff 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
<TD width="90" height="90" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
<TD width="90" height="90" style="border:solid #99ccff 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
<TD width="90" height="90" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
</TR>
<TR align="center" valign="middle">
<TD width="90" height="35" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
<TD width="90" height="35" style="border:solid #99ccff 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
<TD width="90" height="35" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
<TD width="90" height="35" style="border:solid #99ccff 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
<TD width="90" height="35" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
</TR>
</TBODY>
</TABLE>
<TABLE border="0" cellpadding="2" cellspacing="2">
<TBODY>
<TR align="center" valign="middle">
<TD width="90" height="90" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
<TD width="90" height="90" style="border:solid #99ccff 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
<TD width="90" height="90" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
<TD width="90" height="90" style="border:solid #99ccff 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
<TD width="90" height="90" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle">画像</TD>
</TR>
<TR align="center" valign="middle">
<TD width="90" height="35" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
<TD width="90" height="35" style="border:solid #99ccff 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
<TD width="90" height="35" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
<TD width="90" height="35" style="border:solid #99ccff 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
<TD width="90" height="35" style="border:solid #c0c0c0 1pt;" bgcolor="#ffffff" align="center" valign="middle"><font size="-2">品名など</font></TD>
</TR>
</TBODY>
</TABLE>
<DIV align="right"><font size="-3" color="#c0c0c0">design by <a href="http://plaza.rakuten.co.jp/beeline/" target="_blank">BEE BEE</font></a></DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</center>
<!--ここまで-->


© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: