・サイド/本文の設定
1)左サイドの設定
今回は実際にコンテンツを入力するエリアです。
まずは左サイドのエリアから
スタイルエクスプレスビューを表示して左サイドのエリアをクリックして
2番目のDIVを右クリックしてルールの新規作成を選択するところまでは
今までと同様です。
↓
IDを選択し、名前にleftを入力
属性も設定するのチェックボックスにチェックをいれる
OKボタンを押下するとスタイルの構成の画面が表示されます。
レイアウトタブを選択して
上方向 パディング 10ピクセル
左方向 パディング 5ピクセル
を設定
位置タブ
幅145ピクセル
属性 回り込み 左
を設定
2)本文
スタイルエクスプレスビューを利用するところまでは上記と同様です。
IDを選択し、名前にhonbunを入力
属性も設定するのチェックボックスにチェックをいれる
OKボタンを押下するとスタイルの構成の画面が表示されます。
レイアウトタブを選択して
上方向 パディング 10ピクセル
左方向 マージン 5ピクセル
右方向 マージン 5ピクセル
を設定
位置タブ
幅600ピクセル
属性 回り込み 左
を設定
文字レイアウトタブ
左揃えを選択
3)右サイドの設定
スタイルエクスプレスビューを利用するところまでは上記と同様です。
IDを選択し、名前にrightを入力
属性も設定するのチェックボックスにチェックをいれる
OKボタンを押下するとスタイルの構成の画面が表示されます。
レイアウトタブを選択して
上方向 パディング 10ピクセル
右方向 パディング 5ピクセル
位置タブを選択して
幅 145ピクセル
属性 回り込み 右
を設定
・今回の感想
配置が少し固まってきた気がします。
ただまだ課題のタブメニューが有るのでもう少し頑張らないといけませんね
※各要素の幅は便宜的にとっているのでトータルの幅を超えない範囲で
自由に変えることが出来ます。
コメント