3

Mac の Opera、Safari、Firefox、Chrome で正常に動作するドロップダウン メニューがあります。

PC でテストすると、ドロップダウン メニューが長すぎて、[フォーラム] タブが端から外れて [ホーム] タブの下に表示されます。これは、Firefox、IE、および Chrome で発生します。これらは、私がこれまでにテストした唯一のものです。

私は問題について少し混乱しています。何か提案できることはありますか？

私が話しているサイト: http://www.makingsense.co.uk/index-new.html

ドロップダウン メニューのコード:

<div class="navigation-drop">

<div id="colortab" class="ddcolortabs">
<ul>
<li><a href="index-new.html" title="Home"><span>Home</span></a></li>
<li><a href="team.html" title="New"><span>Team</span></a></li>
<li><a href="fv.html" title="CSS" rel="dropmenu1_a"><span>First Visit</span></a></li>
<li><a href="pd.html" title="CSS" rel="dropmenu2_a">
    <span>Possible Diagnoses</span></a></li>    
<li><a href="ad.html" title="CSS" rel="dropmenu3_a">
    <span>After Diagnosis</span></a></li>
<li><a href="treatment.html" title="CSS" rel="dropmenu4_a">
    <span>Treatment</span></a></li>
<li><a href="follow.html" title="CSS" rel="dropmenu5_a"><span>Follow Up</span></a></li>
<li><a href="support.html" title="CSS" rel="dropmenu6_a"><span>Support</span></a></li>
<li><a href="contact-ooss.html" title="Useful Tools"><span>Contact Us</span></a></li>
<li><a href="research.html" title="Useful Tools"><span>Research</span></a></li>
<li><a href="forum.html" title="Useful Tools"><span>Forum</span></a></li>
</ul>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1_a" class="dropmenudiv_a">
    <a href="fv.html">Why have I been referred?</a>
    <a href="fv-2.html">What happens on arrival?</a>
    <a href="fv-3.html">What tests will I need?</a>
</div>

<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("colortab", 3)
</script>
4

1 に答える 1

1

フォントサイズを 11px に変更してみてください。

.ddcolortabs ul{
  font: normal 11px Arial, Verdana, sans-serif;
  margin:0;
  padding:0;
  list-style:none;
}

次に、フォントを 12 のままにしたい場合は、スパンの左右のパディングを減らします。

.ddcolortabs a span {
  background: none repeat scroll 0 0 #298D2F;
  color: #ECEAE5;
  display: block;
  float: left;
  padding: 7px 12px;
}
于 2012-10-24T15:07:52.007 に答える