お世話になっております。
件名の通りなのですが
下記css、htmlで
css
1#menu { margin-right:auto;} 2 3#menu ul { float:left;padding: 0; 4} 5 6#menu li { 7 white-space: nowrap; 8 padding-left:10px; 9 padding-right:20px; 10 line-height: 30px; 11 height: 30px; 12 font-size: 14px; 13 list-style: none inside url(../img/yajirushi.gif); 14 display: inline-block;/*←←←←←←←←←←←←←←←←*/ 15}
html
1<div id="menu"> 2<ul> 3<li><a href="index.html">機能</a></li> 4<li><a href="price.html">価格</a></li> 5<li><a href="faq.html">問い合わせ</a></li> 6</ul> 7</div>
とした場合
display: inline-block;
が無い場合は
list-style: none inside url(../img/yajirushi.gif);
が効いてyajirushi.gifが表示されるのですが
display: inline-block;
を追加するとyajirushi.gifが表示されません。
そういったものなのでしょうか?
どこか上部のcssが悪さをしているのでしょうか?
強引にyajirushi.gifを表示させる方法は無いのでしょうか?
お忙しいところ大変申し訳無いのですが
上記お問い合わせいたします。
回答3件
あなたの回答
tips
プレビュー