更新: Rohit Azad が提供したソリューションが機能しました。どうもありがとうございました。
これに対する解決策を探してフォーラムをかなり検索しましたが、コーディングがわからないため、何が自分に当てはまり、何が当てはまらないのかわかりません。したがって、これがしばしば解決される問題である場合は申し訳ありませんが、あなたの助けに大いに感謝します!
多くの試行錯誤の後、ナビゲーション バーにページのドロップダウン リストを表示することができました。ただし、サブページをクリックすると、メニュー全体が消えます。マージンが大きすぎるという問題があった他の同様の問題を読みましたが、マージンが「0」に設定されていると思います。
ブログはhttp://swirlstwirlsblog.blogspot.com.au/にあります。
サブページにはコンテンツがありませんが、html/javascript ウィジェットにリンクされています。
Chrome、Mozilla、Safari でも確認しましたが、同じ問題です。
また、これが javascript、css、または html の問題であるかどうかもわかりません。そのため、親切に回答してください。私は初心者です。
これについて私を助けることができる人に感謝します。
ウィジェットで使用したスクリプトは次のとおりです。
<ul id="jsddm">
<li><a href="http://swirlstwirlsblog.blogspot.com.au/">Home</a>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/search/label/sparkles">Sparkles</a>
</li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/search/label/friendship">Friendship</a>
</li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/search/label/humour">Humour</a>
</li>
<li><a href="">About</a>
<ul>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/about_16.html">Us</a></li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/contributers.html">Contributors</a> </li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/advertising.html">Advertising</a> </li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/privacy-policies.html">Privacy</a></li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/contact.html">Contact</a></li>
</ul>
</li>
</li></ul>
そして、これが私がテンプレートに入れたhtmlコードです:
<pre>#jsddm {
margin: 0;
padding: 15px;
z-index:1000000000;
position:relative;
}
#jsddm li {
float: left;
list-style: none;
font: 12px Tahoma, Arial;
}
#jsddm li a {
display: block;
white-space: nowrap;
margin:1px 3px;
padding: 5px 10px;
border-right: 1px color: eeeeee;
text-shadow: #ffffff 0 1px 0;
color: #363636;
font-size: 15px;
font-family: crushed;
text-decoration: none;
vertical-align: middle;
}
#jsddm li a:hover {
background: #C8C8C8;
}
#jsddm li ul {
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white;
}
#jsddm li ul li {
float: none;
display: inline;
}
#jsddm li ul li a {
width: auto;
background: #ffffff;
}
#jsddm li ul li a:hover {
background: #eeeeee;
}</pre>
