ナビゲーションをul、liで作成する時
2007.03.03 Saturday | category:CSS スタイルシート
ナビゲーションをリストタグで作る時、いつもつっかえるので、メモ。
ちなみに自分のサイトのナビゲーションバーを作った時のもの。
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で改行してしまう。
ちなみに自分のサイトのナビゲーションバーを作った時のもの。
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/)
にリンクを設定させていただきました。
今後ともよろしくお願いします。
Webデザイナーにまつわるリンク集を管理しております
ビジログと申します。
貴サイトを拝見致しまして、
当方のブログ
「Webデザイナーのお仕事♪」
(http://job-webd.busilog.com/)
にリンクを設定させていただきました。
今後ともよろしくお願いします。
Posted by: ビジログ |at: 2007/03/09 9:14 PM
⇒ Tadashi (03/13)
⇒ yo5kg (06/06)
⇒ jumbo (04/25)
⇒ ぐみ (12/11)
⇒ eguti (06/04)
⇒ ビジログ (03/09)
⇒ nana (02/02)
⇒ TOM (01/22)
⇒ pon (11/09)
⇒ pon (11/09)