スポンサーサイト

--/--/-- --:-- | カテゴリ:スポンサー広告

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

tabalタグ セルの結合

2006/09/02 20:28 | カテゴリ:htmlタグ | コメント (0) | トラックバック (0)

アフィリエイト商品の配置を考える時に、大セル(オススメ商品)のまわりに小セル(関連商品・その他)と、本当の店舗のようにかっこうよくできます。
そんな時は、tableのセル結合を使いましょう。

 ⇒ tableタグの基本はこちら

隣り合うセル同士を結合することができます。
 colspan = "○○" 横方向に結合
 rowspan = "○○" 縦方向に結合
○○には結合するセルの個数が入ります。
結合対象セルはタグを削除する必要があります。

【サンプルコード】
<table>
 <tr>
  <td rowspan="2">セル1</td>
  <td colspan="2">セル2</td>
 </tr>
 <tr>
  <td>セル3</td>
  <td>セル4</td>
 </tr>
</table>

【表示】
セル1 セル2
セル3セル4

元は2行×3列のセル。
結合対象の<td>~</td>がないことを確認してください。
※実表示は、サンプルコードに幅・背景色などを追加しています。


過去記事と重複しますが、整理と追加されるコンテンツの紹介みたいな感じで進めていきます。
スポンサーサイト

<< 画像の文字回り込み① | ホーム | もしもドロップシッピングの無料メルマガ >>


コメント

コメントの投稿


管理者にだけ表示を許可する

 BLOG TOP 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。