Entry: main  << >>
ナビゲーションをul、liで作成する時
ナビゲーションをリストタグで作る時、いつもつっかえるので、メモ。
ちなみに自分のサイトのナビゲーションバーを作った時のもの。

ul.menu {
margin:0px 0px 0px 16px;
_margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
_position:relative;left:16px; //margin,paddingでの指定では、winIEでは折り返してしまったため
list-style-type:none;
list-style-position:inside;
width:581px;  //幅を指定しないとmacIEで改行してしまったので
}

ul.menu li {
margin:0px 15px 0px 0px;
padding:0px 0px 0px 0px;
width:100px;
float:left;
}

ulの上の階層のdiv等にもwidthを指定しないとmacIEで改行してしまう。
20:24 | comments(1) | - | - | -
Comment
はじめまして。突然のコメントで失礼します。
Webデザイナーにまつわるリンク集を管理しております
ビジログと申します。
貴サイトを拝見致しまして、
当方のブログ
「Webデザイナーのお仕事♪」
http://job-webd.busilog.com/
にリンクを設定させていただきました。
今後ともよろしくお願いします。
Posted by: ビジログ |at: 2007/03/09 9:14 PM








Calendar

     12
3456789
10111213141516
17181920212223
24252627282930
31      
<< March 2024 >>

Recommend

Search

Entry

Comment

  • リンク元のページに戻るボタン(PHP)
    Tadashi (03/13)
  • サイト全体をメンテナンスページに切り替える単純な方法
    yo5kg (06/06)
  • 再配布不可識別子の入れ方
    jumbo (04/25)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    ぐみ (12/11)
  • 再配布不可識別子の入れ方
    eguti (06/04)
  • ナビゲーションをul、liで作成する時
    ビジログ (03/09)
  • 再配布不可識別子の入れ方
    nana (02/02)
  • 再配布不可識別子の入れ方
    TOM (01/22)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    pon (11/09)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    pon (11/09)

Archives

Category

Link

Feed

Others

無料ブログ作成サービス JUGEM

Mobile

qrcode