■見出し１■　h1

ＨＯＭＥ > ３カラムレイアウト

コンテンツの多いサイトには、３カラムレイアウトが使えると思います。

ページを増やす場合は、このHTMLファイルをコピーして編集してください。

３カラム用レイアウト

head 内のCSSファイルの読み込みは、style3.css となっています。

<link rel="stylesheet" type="text/css" href="css/style3.css" media="screen,print" />

上記に記述している、style3.css が、３カラム用レイアウトファイルです。

HTMLファイル内の、<br class="clear" />　は特に重要です。削除したり位置が変わったりすると、ブラウザによってレイアウト崩れを起こすので注意してください。

使用ファイル

上部メニューボタンは、ssi-menu3.html です。
メニューボタンの横サイズの合計は、929px にしてください。（右に余白1px を残す）

このページは例として、menu5 ボタンを170px のサイズで表示させています。 各ボタンを作成して使用してください。

右メニューは、ssi-side3.html です。
基本的に、左メニューと同じタグが使用できます。

使用画像

３カラム用の画像として追加されたのは、下記の４つです。

bg_body3.jpg
bg_main3.jpg
bg_top3.jpg
main_img3.jpg

（いずれも　img-layout/ フォルダ内）

デザイン変更する際は、それぞれの画像のサイズを確認して変更してください。

PageTop

マニュアルメニュー

Yahoo!検索 スタッフブログ

会社概要

定休日