| style | 説明 |
|---|---|
DIV#site_menu {
margin-top :25px;
text-align:center;
clear:both;
}
DIV#site_menu TABLE{
border-bottom: 1px solid #fff;
border-top : solid #658769;
border-top-width : 2px;
border-top-color : #bdcf18;
width : 100%;
}
DIV#site_menu TD{
font-size: 80%;
padding:2px;
background:red;
color:white;
}
DIV#site_menu TD A{
color:#FFF;
}
DIV#site_menu TD.gmenu{
text-align:center;
padding:0px 10px;
border-left:1px
solid #FFF;
}
|
← トップからのマージン設定 テキストはセンター 廻りこみを解除 両方ともに ← サイトメニュの 範囲にある TABLE の設定 TABLE の底や上あたりも細かく設定出来る。 ← サイトメニュの 範囲にある TD の設定 ← サイトメニュの 範囲にある TD の Aタグの設定 ← サイトメニュの 範囲にある TDの gmenu クラスの設定。 |
<TABLE cellspacing="0">
<COL span="1" width="60%">
<tbody>
<tr>
<TD nowrap="nowrap" width="388"> ここが SiteMenu です。</TD>
<TD nowrap="nowrap" class="gmenu" width="166">
<A href="../../index.html">お勉強会 TOP </A></TD>
<TD nowrap="nowrap" class="gmenu" width="137">
<A href="../../php4/index.html">PHPについて</A></TD>
<TD nowrap="nowrap" class="gmenu" width="130">
<A href="../../postgresql/index.html">PostgreSQLについて</A></TD>
</tr>
</tbody>
</TABLE>
</div>
|