« #0036 | top page | #0038 »

MT(Movable Type)#0037

・・‥…━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  毎日2分!これであなたもMT(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]で~す。

« #0036 | 最上部へ | #0038 »

 
0; // -->