S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
2005年 09月 16日
Banner置き場を設置~その②。
とりあえずBanner設置終了です。
たいていバナーって150PXぐらいなので、
左メニューを160PXに収まるように設定しました。

タイトル部分は左メニュータイトル部のDIVを流用、
本体部分は左メニュー本体部のDIVを少しだけイジって
『MN_BANNER』というDIVを作成しました。

それだけだとバナーどうしの間隔がうまくいかなかったので、
exciteバナーのDIVを利用して間隔を設定しました。

そんなわけでHTMLとCSSの結果は以下のとおりです。

HTML部分
<div class=MNTTL_L>
Banner
</div>
<div class=MN_BANNER>
  <div class=BANNER>
    <a href="URLその①" target=_blank><img src="バナー画像その①"
    width=120 height=60 border=0></a>
  </div>
  <div class=BANNER>
      ・
      ・
      ・
  </div>
  <$banner type=1$>
</div>

CSS部分
DIV.MNTTL_L{
  COLOR: #F3DD16;
  BACKGROUND : #996C22;
  BORDER : 1PX SOLID #996C22;
  WIDTH : 160PX;
  PADDING : 2PX 0PX 0PX;
  MARGIN : 5PX 0PX 1PX;
  FONT-FAMILY : GEORGIA,TAHOMA, VERDANA;
  TEXT-ALIGN : CENTER;}

DIV.BANNER{
  MARGIN : 10PX 0PX 10PX; }

DIV.MN_BANNER{
  BORDER : 1PX SOLID #996C22;
  WIDTH : 154PX;
  PADDING : 10PX 3PX 10PX;
  TEXT-ALIGN : CENTER;
  MARGIN-BOTTOM : 20PX; }


ずらずらっと書いてしまいました。
完全に自己満足の世界です。
[PR]
by usk_h | 2005-09-16 21:49 | CSS/HTML
<< 2回続けて。 JOYRIDE! >>
Top

usk_h blog(ユースケ・エイチ ブログ)です。usk_h(僕)、T-miちゃん(嫁)、dukiちゃん(長女)、noriちゃん(次女)、soh君(長男)の5人暮らし。好きなことを、好きなだけ、好きな時間に書いてる勝手気ままなBlogです。
カテゴリ
以前の記事
フォロー中のブログ
Link
最新のトラックバック
Sleipnirを導入
from チャレンジャー月海の華麗なる軌跡
早朝サッカー
from 沈んでゆく夕日を見て。
初収穫、
from 雑学的ブログ
検索
ライフログ
KTM
H.M.K.U
SOFFet
ファンモン
その他のジャンル
記事ランキング
ブログジャンル
画像一覧
QR-cord
Banner