注意事項

更新情報

サンプル事業

見出し

<p>

リスト

  • ホームページテンプレート
  • ホームページテンプレート
  • ホームページテンプレート
  1. ホームページテンプレート
  2. ホームページテンプレート
  3. ホームページテンプレート
引用タグ

<div class="entry_body">内で使用できる画像の最大幅は532pxです。

テーブルの解説

キャプションタグ<caption>
  ここはヘッダセル<th>で囲むとバックに色がつきます
ここはヘッダセル<th> テーブルの幅はスタイルシートで<div class="entry_body">いっぱいまで広げる仕様になっています。全体幅は100%で作ってください。
ここはヘッダセル<th> テーブルの幅はスタイルシートで<div class="entry_body">いっぱいまで広げる仕様になっています全体幅は100%で作ってください。
ここはヘッダセル<th> テーブルの幅はスタイルシートで<div class="entry_body">いっぱいまで広げる仕様になっています全体幅は100%で作ってください。

商品やサービスの紹介リストの解説(一列の場合)

一列での紹介リストは<div class="box1">で囲まれています。サンプルとして200×90ピクセルの画像を置いていますが、枠内の大きさであれば自由なサイズの画像を置くことが可能です。画像にはスタイルシートで自動的に1ピクセルの枠線が入ります。

またテキストのボリュームも個別に自由に設定が可能です。

商品001

ホームページテンプレート



商品001

ホームページテンプレート



商品やサービスの紹介リストの解説(二列の場合)

二列での紹介リストは<div class="box2">で囲まれています。回り込み(float)を使用している関係で、画像サイズとテキストの量に制約があります。

画像は90×90ピクセルの画像を用意してください。画像にはスタイルシートで自動的に1ピクセルの枠線が入ります。

画像のサイズやテキストの量が多いと、レイアウトが崩れるのでご注意ください。

商品001

ホームページテンプレート


商品001

ホームページテンプレート


商品001

ホームページテンプレート


商品001

ホームページテンプレート



一覧が終了したら、最後に必ず回り込みを解除する<br class="clear">を入れてください。

商品やサービスの紹介リストの解説(三列の場合)

三列での紹介リストは<div class="box3">で囲まれています。回り込み(float)を使用している関係で、画像サイズに制約があります。

画像は148×100ピクセルの画像を用意してください。画像にはスタイルシートで自動的に1ピクセルの枠線が入ります。


一覧が終了したら、最後に必ず回り込みを解除する<br class="clear">を入れてください。