Html 横向列表给了我很多问题
老实说,我对这个问题已经深入了两个小时——子菜单的样式根本不正确,无论我将我的列表与多少列表进行比较,我似乎都无法使它看起来正确 网站: -您必须单击“输入”才能查看列表,对此表示抱歉 问题: “公司”类别下的子列表-我希望悬停项填充子列表的整个宽度。如你所见,黑色仅占ul宽度的80% 我正在使用的代码:Html 横向列表给了我很多问题,html,css,navigation,Html,Css,Navigation,老实说,我对这个问题已经深入了两个小时——子菜单的样式根本不正确,无论我将我的列表与多少列表进行比较,我似乎都无法使它看起来正确 网站: -您必须单击“输入”才能查看列表,对此表示抱歉 问题: “公司”类别下的子列表-我希望悬停项填充子列表的整个宽度。如你所见,黑色仅占ul宽度的80% 我正在使用的代码: <div id="navigation-menu-container"> <ul> <li><a href="<?php ec
<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>
我已经检查了我的风格无数次,似乎不能作出任何上述的变化
这里是一个屏幕截图:你能提供一个屏幕截图,说明它应该如何工作吗
同样在FF3中,子菜单显示在主图像的后面,而不是前面。。您需要添加zindex:9999;使其位于图像的顶部。。并确保您的定位是相对的。我强烈建议您使用
和,而不是您现在拥有的
如下所示:您测试过哪些浏览器?(编辑:使用Firefox 14.0.1在这里复制)查看代码,我不知道是什么。你能发布相关的样式和导航条形码吗?我使用的是ul和li-你是什么意思?你的div
中没有无序列表否你使用的是'a',跨越id和类来代替ul和li。元素内部有一个无序列表,id为“导航菜单容器”否,该网页上唯一的无序列表(I control+F'd)是您的“联系我们”导航和页脚。主导航使用div,由Jackie设计的
和
,我认为这更适合作为注释而不是答案。