本文へスキップ

ホームページビルダー16のCSS編集(1)

電話でのご予約・お問い合わせはTEL.03-1234-0000

〒163-0000 東京都○○区○○○1-2-3

ホームページビルダー16の#toppage pのサイズ、全体のフォントサイズ

(02)#toppage pのサイズ
ここのidは<div id="toppage">で<p>なので、container_5Ea_2c_right.cssで次に相当。
/* トップページ デザイン定義 */
#toppage p
{
line-height: 1.8;
margin-bottom: 40px;
margin-left: 5px;
}
を、
#toppage p
{
line-height: 1.6;
margin-bottom: 10px;
margin-left: 5px;
width: 480px;
}
とした。
これで幅が480pixとなり、右側にかぶらなくなった。他のパラメータは次の<div>の関係で変更した。


(03)<p>より<div>に変更
・ここの部分も上に引き続き<p>なので、これを<div>にして、幅を820pixに変えた。
(container_5Ea_2c_right.cssで(02)の<p>のあと)
追加タグは次の通り。
#toppage div
{
line-height: 1.6;
margin-bottom: 10px;
padding-left:20px;
width:820px;
}

(04)全体のフォントサイズ
container_5Ea_2c_right.cssのbodyを見ると、font-sizeは75%になっている。これだとモニターの解像度の違いなどによって、レイアウトが崩れ、枠の中に入らなくなる箇所がでるので、15pxに変更した。

(05)「新着情報」の部分
ここはこのまま「新着情報」として使う。

次のページヘ

news新着情報

20**年*月*日
○○○○○○○○を更新しました。

20**年*月*日
○○新聞に「○○○○○○」が掲載されました。

20**年*月*日
サイトをオープンしました。

スタッフ写真

shop info.店舗情報

ビルダーサロン

〒163-0000
東京都○○区○○○1-2-3
TEL.03-1234-0000
FAX.03-1234-0001
→アクセス