ＭＴ（Movable Type）#0037
・・‥…━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
毎日２分！これであなたもＭＴ（Movable Type）マスター 05/10/29
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━…‥・・
■早朝メルマガ
昨夜は・・・寝ちゃいました～（照）
さ～て、本日のお題は？
■まずは訂正（爆）
昨日のソース
メインページ
ーーーーー
＜div class="kakomi"＞ （←囲み開始）
＜h2＞リンク＜/h2＞
＜ul＞
＜li＞＜a href="http://mt-master.net/" target="_blanc"＞MTマスタースクー
ル＜/a＞＜/li＞
＜li＞＜a href="http://www.1succ.com/" target="_blanc"＞Google キャッシュ
＜/a＞＜/li＞
＜/ul＞
＜/div＞ （←閉じる）
ーーーーー
この div指定を、＜h2＞～＜/h2＞の下部へ移動してください（汗っ）
ーーーーー
＜h2＞リンク＜/h2＞
＜div class="kakomi"＞ （←囲み開始）
＜ul＞
＜li＞＜a href="http://mt-master.net/" target="_blanc"＞MTマスタースクー
ル＜/a＞＜/li＞
＜li＞＜a href="http://www.1succ.com/" target="_blanc"＞Google キャッシュ
＜/a＞＜/li＞
＜/ul＞
＜/div＞ （←閉じる）
ーーーーー
↓下へ(^^)ノ
――――――――――――――――――――――――――――――――――
スタイルシートの一番下に以下を追加！
ーーーーー
.kakomi {
border: 1px solid #00b2ff;
margin-top: 2px;
margin-bottom: 15px;
}
ーーーーー
「kakomi」に対して
border: 1px solid #00b2ff; ←周りに細い実線を引く
margin-top: 2px; ←囲みの上をちょっと空ける
margin-bottom: 15px; ←囲みの下を少し空ける
という指定をします。
【変更前】 http://mt-master.net/mag-/before.html
↓
【変更後】 http://mt-master.net/mag-/after.html
【主】
全部のメニューに囲みをつけるには、全部に div指定をしてあげるのを忘れ
ないでねぇ(^^)
メニューの文字が左側にくっついちゃってるけど、ちょっと右に寄せられま
すか？
ヒントは[margin-left]で～す。