■見出し1■


1カラム用ページ(見出し2 h2)

ssi-menu.html 、ssi-footer.html は共通です。

CSSファイルは、1カラム用にstyle1.css でコントロールしています。

見出し2(H2)の背景は画像で作っていますので追加画像があります。/img-layout/bg_h2-1.jpg です。

基本的なタグの使い方は他ページと同じです。

追加したいレイアウト案がありましたらご相談ください。

2列表示レイアウト

double

親DIV(double)の中にdouble-l(左)とdouble-r(右)が並んでいるレイアウトです。

double

こちらがdouble-r(右)です。このDIVを閉じた後は必ず br clear を入れてください。


double

br class="clear" を入れて置かないと回り込みが解除されなくて、DIVが無理やり横に並ぼうとしてレイアウトが崩れる場合があります。

double

右DIVの後は、クリアしてください。最後に親DIV(double)を閉じたあともクリアします。閲覧環境によってレイアウト崩れを防ぐためです。


まぐまぐ登録フォーム

マガジン・サブタイトル(簡単な説明)

メールマガジンの説明。メールマガジンの説明。メールマガジンの説明。メールマガジンの説明。メールマガジンの説明。メールマガジンの説明。(2行程度)

発行周期:毎週 月曜日 >> バックナンバーはこちら

画像配置(タグの使い方は共通)

テスト画像画像に、 class="flo-r" というクラスを入れると、左寄になります。


テスト画像画像に、 class="flo-l" というクラスを入れると、左寄になります。


回り込み解除するときは、br class="clear" で横並びをリセットしてください。

↓仮で、バナーを入れています。センター配置。

■バナー1■

見出し4

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

PageTop


HOME - メニュー1 - メニュー2 - メニュー3 - メニュー4 - メニュー5

会社概要 - お問い合わせ - プライバシーポリシー - 特定商取引法に基づく表記 - サイトマップ


掲載の記事・写真・イラストなど、すべてのコンテンツの無断転写・転載・公衆送信などを禁じます。