オートナビブロックで水平メニューバーをつけたい

2012年3月10日 at 16:55

concrete5 5.4.2.2
Xserver
IE9

http://ashiyanpo.net/

上記サイトにオートナビブロックで水平メニューバーをつけたいのですが、
\blocks\autonav\templates\original_nav\view.css に下記のコードを書きました。

ですが、水平メニューバーになりません。何が間違っているのでしょうか?
初歩的な質問で申し訳ありませんが、よろしくお願い申し上げます。


.nav {
border-top-width : 1px;
border-right-width : 2px;
border-bottom-width : 3px;
border-left-width : 1px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #666666;
border-right-color : #666666;
border-bottom-color : #666666;
border-left-color : #666666;
font-family : HG丸ゴシックM-PRO;
font-size: 14px;
font-weight: bold;
width: 180;
background-color: #ecf5ff;
padding-top: 0px;
padding-bottom: 4px;
margin-top: 5px;
}

.nav li {
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.0;
list-style-type: none;
background-image : url(file:///E|/%E5%8D%9A%E5%85%89/%E9%81%93%E5%85%B7%E7%AE%B1/%E9%81%93%E5%85%B7%E7%AE%B1DX4/60%20%E9%96%8B%E7%99%BA%E5%90%91%E3%81%91%E3%83%84%E3%83%BC%E3%83%AB/concrete5/concrete5.4.2.2.ja/blocks/autonav/mark_yellow.png);
background-repeat: no-repeat;
background-position: 0 4px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 15px;

}

.nav li a {
color: #000000;
text-decoration: none;
}

.nav li a:hover {
color: #ff8800;
}

.nav ul {
margin: 10;
padding: 0
;
}

タグ:

Re: オートナビブロックで水平メニューバーをつけたい

2012年3月11日 at 9:22
.nav li に display: inline; を追加しましょう。
あと、背景画像のurlはサーバーにアップロードしないといけませんね。main.cssのbodyなど参考にしてください。
 

Re: オートナビブロックで水平メニューバーをつけたい

2012年3月11日 at 16:13
水平メニューバーが出来ました!ありがとうございます。
ですが、コンテンツ部のブロック配置が崩れてしまいました。
どうしても元に戻せません。どうすれば良いでしょうか?
 

Re: オートナビブロックで水平メニューバーをつけたい

2012年3月12日 at 10:47
どこのことでしょうか?
あと、グリーンサラダはもともと作りが悪いのであまりオススメしたくなかったり…(ごにょごにょ)
 

Re: オートナビブロックで水平メニューバーをつけたい

2012年3月12日 at 11:35
ブロック配置の崩れは、メニューの名前を短くすることで改善しました。
グリーンサラダは作りが悪いとのことですが、お薦めのテーマがありましたら、
教えていただけませんか?今なら、変更可能ですので。
 

Re: オートナビブロックで水平メニューバーをつけたい

2012年3月12日 at 12:01
…と思って探してみたのですが、無料のテーマではオススメって見つかりませんでした。
有料だとなかなかカッコイイのもあるんですがね。。
http://www.concrete5.org/marketplace/themes/slate/