0

正直なところ、私はこの問題に2時間深く関わっています。サブメニューのスタイルが正しくないだけで、リストの数に関係なく、正しく表示されないようです。

サイト： http： //blacktiephotographers.com/-リストを表示するには、[Enter]をクリックする必要があります。申し訳ありません。

問題： 「企業」カテゴリのサブリスト-ホバーされたアイテムがサブULの幅全体に表示されるようにします。ご覧のとおり、黒はulの幅の約80％しか占めていません。

私が使用しているコード：

<div id="navigation-menu-container">
   <ul>
      <li><a href="<?php echo home_url(); ?>" id="nav-home" class="noSlide <?php if (is_home() || is_front_page()) { echo "curr-page-nav"; }?>"><span class="nav-hidden">HOME</span></a></li>
      <li><a href="<?php echo get_page_link(838); ?>" id="nav-about" class="noSlide <?php if (is_page(838)) { echo "curr-page-nav";}?>"><span class="nav-hidden">ABOUT</span></a></li>
      <li><a href="<?php echo get_page_link(1033); ?>" id="nav-wedding" class="noSlide <?php if (is_page(1033)) { echo "curr-page-nav";}?>"><span class="nav-hidden">WEDDINGS</span></a></li>
      <li><a href="<?php echo get_page_link(1303); ?>" id="nav-mitzvah" class="noSlide <?php if (is_page(1303)) { echo "curr-page-nav";}?>"><span class="nav-hidden">MITZVAHS</span></a></li>
      <li><a href="<?php echo get_page_link(1530); ?>" id="nav-celebration" class="noSlide <?php if (is_page(1530)) { echo "curr-page-nav";}?>"><span class="nav-hidden">CELEBRATIONS</span></a></li>
      <li><a id="nav-corporate" class="accordionButton <?php if (is_page(1635) || is_page(1909)) { echo "curr-page-nav";}?>"><span class="nav-hidden">CORPORATE</span></a>
          <ul>
              <li><a href="<?php echo get_page_link(1635); ?>" id="nav-meeting" class="subitem"><span class="nav-hidden">MEETINGS</span></a></li>
              <li><a href="<?php echo get_page_link(1909); ?>" id="nav-event" class="subitem"><span class="nav-hidden">EVENTS</span></a></li>
          </ul>
      </li>
      <li><a href="<?php echo get_page_link(831); ?>" id="nav-testimonial" class="noSlide <?php if (is_page(831)) { echo "curr-page-nav";}?>"><span class="nav-hidden">TESTIMONIALS</span></a></li>
      <li><a href="<?php echo get_page_link(874); ?>" id="nav-associate" class="noSlide <?php if (is_page(874)) { echo "curr-page-nav";}?>"><span class="nav-hidden">ASSOCIATES</span></a></li>
</ul>
</div>

私は自分のスタイルを何度もチェックしましたが、上記の変更を行うことができないようです。

これがスクリーンショットです：私にとってソースコードはどのように見えるか

4

2 に答える 2

1

現在持っているものの代わりに<ul>andを使用することを強くお勧めします。<li>

このように: http://jsfiddle.net/Nafhr/

于 2012-08-01T20:02:46.863 に答える
0

想定される動作のスクリーンショットを提供できますか..

また、FF3 では、サブメニューがメイン画像の前ではなく後ろに表示されます。zindex: 9999; を追加する必要があります。画像の上に置くには..そして、あなたの位置が相対的であることを確認してください..

于 2012-08-01T20:01:08.020 に答える