■見出し1■


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

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

CSSファイルは、1カラム用にstyle-c1.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)を閉じたあともクリアします。閲覧環境によってレイアウト崩れを防ぐためです。


まぐまぐ登録フォーム

塗替えリフォームで成功する方法

元塗装職人のペイントセンター店長榎本が、塗装工事で失敗しない方法を公開。また、騙されないための基礎知識や外壁塗装の種類や外壁塗装の価格などの最新情報も配信。

発行周期:不定期 >> バックナンバーはこちら

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

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


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


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

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

■バナー1■

見出し4

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

PageTop


HOME - サービス・価格 - メニュー2 - メニュー3 - よくある質問 - お問い合わせ

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


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