Post Mailのフォーム表示を中央位置表示に変える方法
レッスンブックの例題をまねてスタイルシートで位置合せしたがDreamweaverでは左寄せに表示されるが
ブラウザで表示すると中央位置の表示になる。
Post Mailのフォーム本体以外に確認、送信完了、エラー表示の各画面も中央位置表示に変更する。
共通スタイルシート（postmail.css）に中央位置表示の入れ物を定義してpostmai.html とテンプレート
フォルダ内の conf.html、thanks.html、error.htmlを書き換えて中央位置表示を適用することがミソ。
（注） テンプレートはまさにテンプレートで実際の適用場所の位置が違うことに注意。
（テンプレートのある場所でスタイルシートが適用された表示にならなくても実行時には適用される）
|
（postmail.css内に入れ物（コンテナ）定義を追加、ピンク文字は説明なのでコピーしない）
#container { <-------
コンテナの名前と定義開始
width: 800px; <------- コンテナの幅（メールフォームの横幅以上にする）
margin: auto; <-------
コンテナを中央位置表示
} <------- コンテナ定義を閉じる
----------------------------------------------------------
各htmlの<body>セクションの中身を"container"の中に入れる。
<body>
<div id="container"> <-------
追加
｜ <------- 各htmlの中身
</div> <-------
追加
</body> |
|
|
