问题：

下拉未显示(&Nav)未居中

夏志国

2023-03-14

示例：http://www.studentbridges.org/new/

我试图使我的导航栏横跨网页顶部，我得到了导航的div横跨网页，但是当我把导航菜单放在div里面时，下拉停止工作，并且链接不是居中的，不管我做什么（text-align：在CSS中的居中和标题中的标记不起作用）。

下面是我的代码：

导航

.access {
clear: both;
display: block;
float: left;
margin: 0 auto 6px;
width: 100%;
}
.access ul {
font-size: 16px;
list-style: none;
margin: 0 0 0 -0.8125em;
padding-left: 0;
}
.access li {
float: left;
position: relative;
}
.access a {
color: #eee;
display: block;
line-height: 3.333em;
padding: 0 1.2125em;
text-decoration: none;
}
.access ul ul {
display: none;
float: left;
margin: 0;
position: absolute;
top: 3.333em;
left: 0;
width: 188px;
z-index: 99999;
}
.access ul ul ul {
left: 100%;
top: 0;
}
.access ul ul a {
background: #EAC57E;
border-bottom: 1px dotted #ddd;
color: #F7E7C6;
font-size: 14px;
font-weight: normal;
height: auto;
line-height: 1.4em;
padding: 10px 10px;
width: 168px;
}
.access li:hover > a,
.access ul ul :hover > a,
.access a:focus {
background: #DBAA4A;
}
.access li:hover > a,
.access a:focus {
background: #DBAA4A; /* Show a solid color for older browsers */;
color: #F7E7C6;
}
.access ul li:hover > ul {
    display: block;
}
.access .current-menu-item > a,
.access .current-menu-ancestor > a,
.access .current_page_item > a,
.access .current_page_ancestor > a {
font-weight: bold;
}

顶部导航分区：

div#topnav

{
margin: 0px;

overflow: hidden;

width: 100%;

height: 50px;

background: #8D1D1D;

}

任何关于问题可能是什么的投入将非常感谢！

HTML：

<div id="topnav"><center><div class="access"><ul id="menu-home" class="access"><li id="menu-item-43" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-43"><a href="http://www.studentbridges.org/new/">Home</a></li>
<li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"><a href="http://www.studentbridges.org/new/sample-page/">About Us</a>
<ul class="sub-menu">
<li id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-50"><a href="http://www.studentbridges.org/new/sample-page/history/">History</a></li>
<li id="menu-item-51" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-51"><a href="http://www.studentbridges.org/new/sample-page/resources/">Resources</a></li>
<li id="menu-item-52" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-52"><a href="http://www.studentbridges.org/new/sample-page/testimonials/">Testimonials</a></li>
<li id="menu-item-47" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47"><a href="http://www.studentbridges.org/new/sample-page/community-partnerships/">Community Partnerships</a></li>
<li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="http://www.studentbridges.org/new/sample-page/donors-supporters/">Donors &#038; Supporters</a></li>
<li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48"><a href="http://www.studentbridges.org/new/sample-page/contribute/">Contribute</a></li>
<li id="menu-item-46" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"><a href="http://www.studentbridges.org/new/sample-page/advisory-boards/">Advisory Boards</a></li>
</ul>
</li>
<li id="menu-item-56" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-56"><a href="http://www.studentbridges.org/new/for-umass-students/">For UMass Students</a>
 <ul class="sub-menu">
<li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-57"><a href="http://www.studentbridges.org/new/for-umass-students/sb-service-learning-293/">SB Service Learning 293</a></li>
<li id="menu-item-59" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-59"><a href="http://www.studentbridges.org/new/for-umass-students/volunteer-oppertunities/">Volunteer Oppertunities</a></li>
<li id="menu-item-58" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-58"><a href="http://www.studentbridges.org/new/for-umass-students/staff-openings/">Staff Openings</a></li>
</ul>
</li>
<li id="menu-item-53" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-53"><a href="http://www.studentbridges.org/new/access-materials/">Access Materials</a></li>
 <li id="menu-item-54" class="menu-item menu-item-type-post_type menu-item-object-page  menu-item-54"><a href="http://www.studentbridges.org/new/advocacy/">Advocacy</a></li>
<li id="menu-item-55" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-55"><a href="http://www.studentbridges.org/new/for-community-members/">For Community Members</a></li>
<li id="menu-item-60" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-60"><a href="http://www.studentbridges.org/new/our-staff/">Our Staff</a></li>
<li id="menu-item-61" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a href="http://www.studentbridges.org/new/photos/">Photos</a></li>
<li id="menu-item-62" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-62"><a href="http://www.studentbridges.org/new/blog/">Blog</a></li>
</ul></div></center></div>

共有1个答案

益绯辞

2023-03-14

给你：

http://jsfidle.net/ujed5/

实际的nav选项本身是不同的，但是CSS使用的ID/class结构与您使用的相同。

你会注意到我改变了

<div class="access">

至

<div class="topmenu">

如果您将“topmenu”DIV和“access”UL指定相同的宽度，它将使导航在栏中居中。

希望这有帮助！

类似资料：

Spring mvc和jsp未显示下拉列表

我有一个应用程序，在JSP页面中，我显示一个下拉列表，但我的代码中有一个例外。控制器类别:- addDetails.jsp·佩奇我得到了以下异常:- 它只是一个Spring MVC Web应用程序，我试图在其中显示预先填充了颜色数据的卓尔向下列表。非常感谢任何帮助。
react自定义下拉组件中未显示道具

我面临着一个愚蠢的问题，默认值没有在表单中呈现。在我的应用程序中，当用户登录时，一个表单将自动填充一些细节，因为它将从存储的用户信息中提取数据，这些信息通过道具传递给我的组件。但是，myValue常量有效，defaultValue不行。是的，我的组件用于多个其他组件，并且工作得非常好。它基本上是从'react'呈现''。我需要什么来修复这个？
PHP 拉拉维尔 8 照片未显示

拉拉维尔8中的照片没有以html格式显示“替代文本显示”。在Windows文件资源管理器中，我发现每张照片都是一个文件夹，其中包含照片的名称，例如“myphoto.jpg”，此文件夹中有一个“.tmp”文件。目标文件夹是“上传/发布”，当我在浏览器中检查照片时，链接显示正确。这是一张照片的链接示例：“http://localhost/laravel/blog/uploads/posts/16571
剑道MVC下拉列表未显示选定值

我在五月有一个剑道MVC下拉列表。我正在成功地将所选值从中保存到数据库中。当我来编辑数据时，该值从模型中正确返回并在下拉树中设置，但是，在下拉树中没有任何项目被视觉上选中。当我尝试从单击按钮读取下拉树的值时，它正确地返回该值。上面的javascript警报正确返回该值，但在DropdownTree中没有显示选定的项目。我还尝试删除ValuePrimitive属性，但没有任何效果。有人能帮我找
JPanel未显示

我直接从书上抄了这些例子。代码应该在JFrame上绘制一些东西，但没有显示任何东西（除了JFrame)，这里是带有main方法的类下面是JPanel的一个子类
ListView未显示

我试图在应用程序启动时显示项目的listview。但在应用程序启动时，没有显示listview，只有一个空白屏幕。下面是代码： MainActivity.java 但是现在我在logcat中得到了以下内容：并且应用程序停止..请帮助！

下拉未显示(&Nav)未居中

共有1个答案

相关问答

相关文章

相关阅读

相关工具

相关文档