需要向菜单栏添加一个额外的部分，但代码不会改变它

Posted 2023-02-16

【中文标题】需要向菜单栏添加一个额外的部分，但代码不会改变它

【英文标题】：Need to add an extra section to menu bar but code doesn't change it

【发布时间】：2012-05-20 19:31:33

【问题描述】：

我需要在我的网站主页（和其他页面）顶部的菜单栏中添加一个“工作”页面

当我尝试通过重复创建当前菜单栏的代码来添加一个时，它会将其添加到“主页”选项卡下方。我需要它在每个页面的“联系我们”链接旁边。

我查看了 css 页面，但我没有创建它，也不知道如何让它按我想要的方式显示。

请帮帮我

/*menu*/
.menu  padding:10px 0 0 0; margin:0 ; width:410px;  float:left; 
.menu ul   padding:0; margin:0; list-style:none; border:0; float:right;
.menu ul li  float:left; margin:0; padding:0 5px; border:0;
.menu ul li a  float:left; margin:6; padding:9px 0; color:#fff; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none;
.menu ul li a span  padding:10px 15px; background:none;
.menu ul li a:hover   background: url(images/menutest.gif) no-repeat right;
.menu ul li a:hover span    background:url(images/menutest.gif) no-repeat left;
.menu ul li a.active   background:url(images/menutest.gif) no-repeat right;
.menu ul li a.active span   background:url(images/menutest.gif) no-repeat left;

【参考方案1】：

增加 .menu 的宽度可能对您有用，因为您已经设置了 .menu 的宽度。如果你不想改变宽度，也许你可以减少 .menu ul 的 Li 内的 spans 的填充。