テンプレート(テーブル・カラム別け)
class = timg2colst の説明
サイズの組み合わせは、【 class="size5.10.15.20.25.30.35.40.45.50.55.60.65.70.75.80.85.90.95.100" 】
class="txtR"はテキストを右にしたいとき
class="txtL"はテキストを左にしたいとき
class="imgR"は画像を右にしたいとき
class="imgL"は画像を左にしたいとき
class = timg2colst
サイズの組み合わせは、【 class="size10.20.30.40.50.60.70.80.90" 】txt・img共に共通サイズ調整classです。
※sizeは足して100になるようにしてください。
<li>部分を複製してclassを変更すれば違うレイアウトになります。
-
スマホ時、テキストが上にきて、画像が下にくる
<p>でくくっていなくてもOK。 -
スマホ時、テキストが下にきて、画像が上にくる
<p>でくくっていなくてもOK。 -
スマホ時、テキストが上にきて、画像が下にくる
imgを複数も可能
<p>でくくっていなくてもOK。 -
スマホ時、テキストが下にきて、画像が上にくる
-----------------------------------------------------------------------------------------------------------------------------------
テスト1 | テスト2 | テスト3 |
テスト4 | テスト5 | テスト6 |
テスト7 | テスト8 |
class = normal dlリスト
調整用class w50/w100/w120/w150/w200
- テスト
- あいうえお
- テスト
- かきくけこ
- テスト
- さしすせそ
レスポンシブテーブル 2カラム(スマホ時に縦一列に並ぶ)
サイズの組み合わせは、【 5.10.15.20.25.30.35.40.45.50.55.60.65.70.75.80.85.90.95.100 】足して100になるように
- 01
- 02
- 03
- 1
- 2
- 3
- 01
- 02
- 03
- 1
- 2
- 3
レスポンシブテーブル
サイズの組み合わせは、【 5.10.15.20.25.30.35.40.45.50.55.60.65.70.75.80.85.90.95.100 】足して100になるように
- 01
- 02
- 03
- テスト
- テスト終了
- テスト
dtの文字数に制限あり
- テストテスト
- テスト
- テスト
dtの文字数に制限なし
- テスト
- あいうえお
- テスト
- さしすせそ
下記の表は、左右にスライドさせて御覧ください。
申請方法(前項の4.申請方法を参照) | 審査の結果 | 通知書の種類 |
---|---|---|
表示マーク交付(更新)申請 | 適合している ◎ | 「表示基準適合通知書」 |
適合していない | 「表示基準不適合通知書」 | |
表示制度対象外施設申請 | 適合している ◎ | 「表示制度対象外施設通知書」※「表示マーク」は交付できません |
適合していない | 「表示基準不適合通知書」 |